甘草倚半夏

使用方法 创建runtime-core包 runtime-core/package.json 虚拟节点的实现 形状标识 | 或运算 或运算 1 : 1 + + : + 1 0 0 0 : 16 = =

Vue中为了解耦， 将逻辑分成了两个模块 运行时 核心 （不依赖于平台的 browser test 小程序 app canvas....） 靠的是虚拟dom 针对不同平台的运行时 vue就是针对浏览器

多次触发更新处理 处理方法 数组 1) 收集索引 处理方法 2) 长度收集 3) 数组方法 访问变异方法会访问数组的长度，会对长度进行依赖，这里我们停止收集调用方法产生的依赖 effect 1). e

ef的概念 转换结果 Ref & ShallowRef 使用 实现 1、判断如果是对象 使用reactive将对象转为响应式的 2、set的值不等于初始值 判断新值是否是对象 进行赋值 toRef&t

使用场景 1、监控对象 可以监控数据变化 数据变化了就重新执行 2、可以去监控一个函数，函数的返回值就是老值 更新后获取新值 3、连续触发watch时需要清理之前的watch操作 达到以最后一次返回结

使用方法 逻辑 1、默认执行一次 2、如果非激活的状态 只需要执行函数 不是的话 把activeEffect 暴露到全局 方便别的模块取到 3、嵌套执行处理 4、执行的时候 获取数据 进行依赖收集 5

1、在constructor 中将用户的getter放到effec中， 能对getter函数进行依赖收集 activeEffect会变为 getter 2、创建ReactiveEffect时，传入sc

设计思想比对 Vue3.0更注重模块上的拆分，在2.0中无法单独使用部分模块。需要引入完整的Vuejs(例如只想使用使用响应式部分，但是需要引入完整的Vuejs)， Vue3中的模块之间耦合度低，模块

Vue3中使用pnpm workspace来实现monorepo (pnpm是快速、节省磁盘空间的包管理器。主要采用符号链接的方式管理模块) 全局安装pnpm pnpm 安装vue3.0 创建.npm