每个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>
时间: 2024-10-05 05:41:41