vue学习笔记

1.var app = new Vue() vue中的data属性会被放入vue的响应系统中，app.a===data.a
app.data===datavm.el ===document.getElementById(‘example’)
2.标签的属性不能直接使用vue的data属性值。必须使用v-bind:id=“message”;
3.{{count++}},只能使用单个javascript 表达式
4.两个缩写v-bind:===: v-on ===@.
5.computed,和data 属性类似，只是值为function 返回值。和methods:区别，就是computed依赖缓存，只有依赖改变时才会重新执行。

 computed: {    // 计算属性的 getter    reversedMessage: function () {      // `this` 指向 vm 实例      return this.message.split('').reverse().join('')    }  },  computed:{    site:{        set:function(){            return this.message.split('').reverse().join('')            }        get:function(newvalue){            this.message = newvalue;        }    }}  methods: {    reversedMessage2: function () {      return this.message.split('').reverse().join('')    }  }

样式绑定：