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实例。

上一篇下一篇

猜你喜欢

热点阅读