Vue 数据代理

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

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

1、Vue中的数据代理:

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

2、Vue数据代理的好处:

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

3、基本原理:

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

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

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

相关推荐
小奶包他干奶奶几秒前
Webpack学习——如何自定义钩子
前端·学习·webpack
AI3D_WebEngineer4 分钟前
企业级业务平台项目设计、架构、业务全解之平台篇
前端·javascript·vue
该用户已不存在6 分钟前
免费 SSL 证书缩短至 90 天,你的运维成本还能hold住吗
前端·后端·https
汤姆Tom21 分钟前
前端转战后端:JavaScript 与 Java 对照学习指南 (第二篇 - 基本数据类型对比)
java·javascript·全栈
七月十二22 分钟前
【Vite】离线打包@iconify/vue的图标
前端·vue.js
星空的资源小屋22 分钟前
Explorer++:更强大的Windows文件管理器
javascript·人工智能·django·电脑
米花丶23 分钟前
解决前端监控上报 Script Error实践
前端·javascript
JarvanMo25 分钟前
如何在 Flutter 应用中大规模实现多语言翻译并妥善处理 RTL(从右到左)布局?
前端
Haha_bj25 分钟前
iOS深入理解事件传递及响应
前端·ios·app
1024小神26 分钟前
用html和css实现放苹果的liquidGlass效果
前端