Vue学习笔记
2017-07-21 本文已影响11人
啥也不说了
1、vue可以绑定文本,也可以绑定dom元素、{{message}}和v-bind:title="message"。其中v-bind属性称为指令。指令带有v-前缀,表示将这个元素节点的title属性和vue实例的message属性保持一致。
2、v-on指定一个事件监听器。v-model指定来实现表单输入和应用状态之间的双向绑定。
3、每个vue实例都会代理其data对象里的所有的属性。如果实例创建之后,添加属性不会触发视图更新。除了data属性被vue实例代理外,还有一些其他的实例。例如
var data = { a: 1 }
var vm = new Vue({
el: '#example',
data: data
})
vm.$data === data // -> true
vm.$el === document.getElementById('example') // -> true
// $watch 是一个实例方法
vm.$watch('a', function (newVal, oldVal) {
// 这个回调将在 `vm.a` 改变后调用
})
注意:vue的实例代理了data的属性,而要访问data自己,就需要用vm.$data。
4、vue生命周期的钩子只想调用他的vue实例。