<template>
  <div class="hello">
    <div class="msg1">{{ msg }}</div>
    <div class="msg2">最终解释权由湖南视拓信息技术有限公司所有</div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- 尽量不要使用scoped,命名规范化，将每个页面的样式都写在自身唯一的class名称下，例如：此页面样式都写在.hello下 -->
<style lang="less">
.hello {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20% 0;
  .msg1 {
    font-size: 20px;
  }
  .msg2 {
    color: red;
  }
}
</style>
