Vue 数据代理

数据代理:通过一个对象代理另一个对象中属性的操作(读/写)

利用Object.defineProperty可以实现person中的age属性和number变量实现绑定

1、Vue中的数据代理:

通过vm对象来代理data对象中属性的操作(读/写)

2、Vue数据代理的好处:

更佳方便的操作data中的数据

3、基本原理:

通过Object.defineProperty()把data对象中所有属性加到vm上

为每一个添加到vm上的属性,都指定一个getter/setter

在getter/setter内部曲操作data中对应的属性

相关推荐
雨季6666 小时前
Flutter 三端应用实战:OpenHarmony “心流之泉”——在碎片洪流中,为你筑一眼专注的清泉
开发语言·前端·flutter·交互
换日线°6 小时前
前端3D炫酷展开效果
前端·3d
广州华水科技6 小时前
大坝变形监测的单北斗GNSS技术应用与发展分析
前端
Dontla6 小时前
浏览器localStorage共享机制介绍(持久化客户端存储方案)本地存储冲突、iframe、XSS漏洞、命名空间隔离
前端·网络·xss
●VON6 小时前
React Native for OpenHarmony:构建高性能、高体验的 TextInput 输入表单
javascript·学习·react native·react.js·von
●VON6 小时前
React Native for OpenHarmony:ActivityIndicator 动画实现详解
javascript·学习·react native·react.js·性能优化·openharmony
霍理迪6 小时前
JS其他常用内置对象
开发语言·前端·javascript
tao3556676 小时前
HTML-03-HTML 语义化标签
前端·html
小马_xiaoen6 小时前
IndexedDB 从入门到实战:前端本地大容量存储解决方案。
前端
BYSJMG6 小时前
计算机毕业设计选题推荐:基于Hadoop的城市交通数据可视化系统
大数据·vue.js·hadoop·分布式·后端·信息可视化·课程设计