小型网站设计及建设,天津营销网站建设公司,dw网页制作教程ppt,html5网站源代码通过数据代理#xff0c;我可以方便的使用vm.属性#xff0c;修改data中的属性
什么是数据代理
数据代理#xff1a;通过一个对象代理对另一个对象中属性的操作#xff08;读/写#xff09; 我们修改obj2的x属性#xff0c;其实修改的是obj的x属性
!DOCTYPE html我可以方便的使用vm.属性修改data中的属性
什么是数据代理
数据代理通过一个对象代理对另一个对象中属性的操作读/写 我们修改obj2的x属性其实修改的是obj的x属性
!DOCTYPE html
htmlheadmeta charsetUTF-8 /title何为数据代理/title/headbody!-- 数据代理通过一个对象代理对另一个对象中属性的操作读/写--script typetext/javascript let obj {x:100}let obj2 {y:200}Object.defineProperty(obj2,x,{get(){return obj.x},set(value){obj.x value}})/script/body
/htmlVue中的数据代理
1.Vue中的数据代理 通过vm对象来代理data对象中属性的操作读/写 2.Vue中数据代理的好处 更加方便的操作data中的数据 3.基本原理 通过Object.defineProperty()把data对象中所有属性添加到vm上。 为每一个添加到vm上的属性都指定一个getter/setter。 在getter/setter内部去操作读/写data中对应的属性。
!DOCTYPE html
htmlheadmeta charsetUTF-8 /titleVue中的数据代理/title!-- 引入Vue --script typetext/javascript src../js/vue.js/script/headbody!-- 1.Vue中的数据代理通过vm对象来代理data对象中属性的操作读/写2.Vue中数据代理的好处更加方便的操作data中的数据3.基本原理通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性都指定一个getter/setter。在getter/setter内部去操作读/写data中对应的属性。--!-- 准备好一个容器--div idrooth2学校名称{{name}}/h2h2学校地址{{address}}/h2/div/bodyscript typetext/javascriptVue.config.productionTip false //阻止 vue 在启动时生成生产提示。const vm new Vue({el:#root,data:{name:尚硅谷,address:宏福科技园}})/script
/html
