- 响应式的核心是通过 Object.defineProperty 拦截对数据的访问和设置
- 响应式的数据分为两类:
2.1、对象,循环遍历对象的所有属性,为每个属性设置 getter、setter,以达到拦截访问和设置的目的,如果属性值依旧为对象,则递归为属性值上的每个 key 设置
getter、setter
2.1.1、访问数据时(obj.key)进行依赖收集,在 dep 中存储相关的 watcher
2.1.2、设置数据时由 dep 通知相关的 watcher 去更新
2.2、数组,增强数组的那 7 个可以更改自身的原型方法,然后拦截对这些方法的操作
2.2.1、添加新数据时进行响应式处理,然后由 dep 通知 watcher 去更新
2.2.2、删除数据时,也要由 dep 通知 watcher 去更新
vue的响应式原理是怎样实现的?
最新推荐文章于 2024-07-28 20:26:55 发布