Ancecis的博客

1.整个响应式系统的架构1）整体的文件结构baseHandlers.ts // 基础型对象代理handlerscollectionHandlers.ts // 容器型对象代理handlerscomputed.ts // 计算选项处理，由于computed选项最后会处理成为一个响应式数据effect.ts // 影响因...

主题：依赖绑定以及触发依赖的执行策略ps：多代码预警，本节因为涉及到的流程重要代码比较多，所以贴出了核心代码。1.代理对象和影响因子effect如何绑定？（track）​ 上一篇文章讲的是响应型数据的诞生。而前面说过，响应数据的诞生和它绑定观察者是两回事。那么响应型对象和影响因子effect是如何进行绑定依赖的呢？依赖的添加是在track方法中，下面来进行讲解：什么时候进行调用track...

主题：响应型数据诞生（不考虑ReadOnly响应数据）1.哪些类型的数据会被设置成响应型数据？​ Vue2.0中能够被设置成响应型数据的无非就两种：纯对象（说白了就是new Object()或者{}或者Object.create(null)等定义的键值对对象）、数组。而Vue3.0中能够被设置成响应型数据的多了容器型对象：// makeMap方法是将字符串用String.prototype....

1.数据与影响因子Effect互相绑定的存储结构（targetMap）构建代码/** * @description 追踪就是依赖的添加过程，相当于2.0的observer过程 * @param target 代理对象 * @param type 观察的类型，在开发环境中使用 * @param key 想要被观察的属性，也就是effect函数中访问的对象的属性 */functio...