vue学习笔记之属性和方法

每个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>

 

你可能感兴趣的:(vue学习笔记之属性和方法)