VUE的最基本语法规范(COPY)

！！以下内容为VUE最基本固定语法。直接复制即可。
<template> 　　　　　　　----->HTML
  <div class="hello">  ----->相当于HTML的body，所有HTML内容都在这个div下面写
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',  ----->网页名字，随意即可

  data () {　　　　　　　----->data数据，里面写所有的var变量
    return {
　　　　a: 12120,　　　　 ----->命名变量a并赋值
　　　　test: 这里有字
    }
  },

  methods:{　　　　　　  ----->方法，所有的function写在这个methods对象里面
  　　test: function() {  --->命名一个test的方法（固定写法，方法名在前）
　　　　console.log(this.a)  --->当要访问此页面的任意变量和方法的时候，必须在前面加this
　　}
　}
}

　　computed: {           ----->集合所有的计算逻辑。同时把值给return返回,不需要时可不写这个方法
　　　　test:function(){　　---->判断test是否为ture，执行以下function

　　　　return this.a+1　　---->讲当前变量a加一，然后返回给前面的变量test
　　　　}

　　},


  　　watch:{               ----->监听当前变量名的，一旦变量赋值改变，则运行方法内容,不需要时可不写这个方法


　　　　a:function(){　　   ----->当变量a产生改变则执行function的内容

　　　　console.log('改变')
　　　　}


  　　}

</script>

<style scoped>         -----> 此页面的所有CSS样式都写在这里
</style>