vue学习笔记

1.var app = new Vue() vue中的data属性会被放入vue的响应系统中，app.a===data.a
app.$data===data vm.$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('')
    }
  }

样式绑定：