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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步