vue学习笔记之属性和方法

Posted 2020-06-14

每个Vue都会代理其data对象里所有的属性；只有这些被代理的属性是响应的。如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。例子：

 1 <script type="text/javascript">
 2     var data = { a:1 };
 3     var vm = new Vue({
 4       data:data
 5     })
 6     vm.a = 2;
 7     console.log(data.a); //2
 8     console.log(vm.a === data.a); //true
 9     data.a = 3;
10     data.b = 4;
11     console.log(vm.a); //3
12     console.log(data.b); //4
13     console.log(vm.b); //undefined
14   </script>