双向绑定原理

双向绑定原理

　　1. 初始化的时候，把所有视图层的数据添加到对象中

　　2. 劫持数据发生的改变【哪个数据添加了v-model】

　　3. 劫持的数据去通知dep（订阅者）：具体知道哪个数据要改变

　　4. 订阅者通知waterch对象，触发update方法来更新视图层

 

　　补充：

　　　　data是响应式的，因为data的数据要赋值给new Vue这个实例，而且this.xxx改变data也会跟着改变，所以data是响应式的

posted @   杨建鑫  阅读(57)  评论(0)  编辑  收藏  举报
相关博文：
· vue2和vue3响应式的原理(数据拦截)
· 监视数据的原理
· vue的双向数据绑定原理
· vue 双向数据绑定原理
· vue数据双向绑定的原理是什么?
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示