Vue 实例暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来 

    <body>
        <!--这是我们的View-->
        <div id="example">
            {{ a }}
        </div>


     <script>
var data = { a: 1 }
var vm = new Vue({
  el: '#example',
  data: data
})

alert(vm.$data === data); // => true
alert(vm.$el === document.getElementById('example')); // => true

// $watch 是一个实例方法
vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
  alert(oldValue + ' => ' + newValue);
})
    </script>

    </body>

 

 

vm.$data
{__ob__: Observer}a: (...)__ob__: Observer {value: {…}, dep: Dep, vmCount: 1}get a: ƒ reactiveGetter()set a: ƒ reactiveSetter(newVal)__proto__: Object
vm.data
undefined
vm.$el
<div id=​"example">​
1
​</div>​
vm.el
undefined
vm.$data['a']
1
vm.$data['a']=2
2
vm.a=3
3

posted @ 2017-12-11 15:55  sky20080101  阅读(353)  评论(0)    收藏  举报