searchusermenu
  • 发布文章
  • 消息中心
点赞
收藏
评论
分享
原创

Vue2双向数据绑定原理

2024-07-18 09:48:12
3
0

Vue 内部实现双向绑定过程:

initData初始化 data 的时候调用 observe() 方法,给data 里的属性重写 get 和 set 方法【实现数据劫持】&&给每个属性添加一个dep【依赖收集,收集所有观察该对象的watcher】,data成为响应式对象,当数据变更时,触发对象的setter方法、dep.notify通知依赖更新。watcher调用update更新视图。

0条评论
0 / 1000
大耳朵涂涂
4文章数
0粉丝数
大耳朵涂涂
4 文章 | 0 粉丝
原创

Vue2双向数据绑定原理

2024-07-18 09:48:12
3
0

Vue 内部实现双向绑定过程:

initData初始化 data 的时候调用 observe() 方法,给data 里的属性重写 get 和 set 方法【实现数据劫持】&&给每个属性添加一个dep【依赖收集,收集所有观察该对象的watcher】,data成为响应式对象,当数据变更时,触发对象的setter方法、dep.notify通知依赖更新。watcher调用update更新视图。

文章来自个人专栏
大前端技术实践
4 文章 | 1 订阅
0条评论
0 / 1000
请输入你的评论
0
0