美文网首页
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