关于class的动态绑定
1.v-bind:class="变量" 变量名代表class名
2.v-bind:class="对象" {claas名:布尔值} 代表这个class有没有
3.v-bind:class="［］" ［class名:class名］

关于style的绑定
v-bind:style="对象" {样式名:样式值(变量),}
里面的样式名需要需要驼峰式命名
例子看图一
v-bind:style="数组" ［样式对象1，样式对象2］

计算属性computed
第二种写法看图二

侦听器watch 监测一个值，当值发生变化，主动触发一件事
watch:{
abc:function(){
alert("执行了")
}
}

列表渲染
v-for="item in list"
v-for="每一项 in 要遍历的数据"
看图三 三个参数顺序不能颠倒，写一个两个三个参数都可以
v-for="item in 整数"