实现步骤 一、responsive 的实现 二、effect 的实现 三、responsive 与 effect 的结合 run 的实现 触发依赖收集与派发更新 依赖收集的实现 派发更新 四、computed 的实现 完整代码 流程图 git 地址： https://github.com/dirkhe1051931999/common-demo/tree/master/vue3-responsiv…

之前有写了 一篇博客 ，给出了，通过数组下标给数组添加元素、修改数组长度或者直接对对象的属性的添加或删除，但是数据没变成响应式解决方法，并且讲解了为什么 vue3.0 不再使用 Object.defineProperty 而使用 Proxy 的实现依赖收集和派发更新原因 ，那么就从源码角度分析下，为什么上述操作对象或者数组，数据没有变成响应式的，但可以通过 Vue.set 或者 this.$set…

vue2.x 中的响应式是基于 defineProperty 中的 descriptor，通过属性的 getter 和 setter 监听来实现 关于 defineProperty 和 Proxy 的原理与使用 之前有写了两篇博客 Object.defineProperty 的原理与使用 Proxy 的原理与使用 defineProperty 的响应式存在的问题 无法监听数组基于下标的修改和对于 …