手写响应式数据

153 阅读1分钟

结合Vue2数据响应式原理,手写响应式数据。实现思路:

  1. 将数据变成响应式;
  2. 遍历对象的属性,给每个属性增加 get 和 set 方法;
  3. get时收集依赖;
  4. set时通知watcher去做更新操作。

代码如下:

对象 1.png

数组 1.png