美文网首页
Vue学习笔记

Vue学习笔记

作者: 啥也不说了 | 来源:发表于2017-07-21 09:51 被阅读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实例。

相关文章

网友评论

      本文标题:Vue学习笔记

      本文链接:https://www.haomeiwen.com/subject/tolqkxtx.html