计算属性(computed): 如果某个值需要计算之后渲染在页面中，那么不推荐直接把逻辑写在页面中，要写在computed computed:{ status(){ } } computed:{ status:{ //getter get:function(){ return this.message+this.info }, /setter set:function(){ this.fontObj.fontSize="100px" } } 一定要return一个值 计算属性:当所依赖的值发生变化，会自动计算 动态绑定属性 v-bind:属性名="变量" 关于class的动态绑定 v-bind:class="变量" 变量名代表class名 v-bind:class="对象" {class名:布尔值} 代表这个class有没有、 v-bind:class="[]" [class名，class名] 关于style的绑定 v-bind:style="对象" {样式名:样式值(变量),} v-bind:style="数组" [样式对象1，样式对象2] 侦听器 watch 监测一个值，当值发生变化的时候主动触发一件事 列表渲染 v-for="每一项 in 要遍历的数据" v-for="item in array"遍历一个数组 item代表数组的每一项 v-for="(value,key) in arr" v-for="item in object"遍历一个对象 item代表对象的值 v-for="(value,key,index) in person" v-for="item in 整数"