mini-vue笔记

initElement 调用patch打补丁的时候，如果虚拟DOM的type属性是 string，那么这个虚拟DOM描述的则是一个HTML元素，调用processElement来处理。 process

initComponent mini-vue3源码 先将整体流程写出来，具体实现细节慢慢完善 创建 createApp，返回app实例 引入并调用 createApp，传入App组件获取到app实例，

computed computed流程： 1.初始化computedRefImpl实例的时候会将依赖收集起来 2.当访问它时回去调用它的 run 方法将传入的 fn 执行结果保存并返回，而且将实例的d

isRef & unRef 测试用例 描述 实现 proxyRef 测试用例 描述 实现isRef、unRef、proxyRef

ref 第一步 测试用例 功能描述 实现 第二步 测试用例 功能描述 实现 优化 第三步 测试用例 功能描述 实现 第四步 测试用例 功能描述 实现

isProxy 这个是目前位置最简单的实现了，检查一个对象是不是Proxy对象 测试用例 描述 实现

响应式篇梗概 文件结构 src reactivity - 响应式系统文件 test - 单元测试文件（文件名对应各个功能的测试） computed.spec.ts effect.spec.ts rea

reactive和readonly嵌套 测试用例 描述 实现 shallowReadonly 测试用例 描述 实现

优化stop：如果使用obj.prop++，会先进行读的操作，会调用get方法，因此会重新收集依赖，所以obj.prop++执行完成后，传入effect的fn又作为依赖被收集，所以dummy会继续更新

isReactive 测试用例 - 在reactive的基础上 功能描述 实现 isReadonly

这一篇主要实现readonly，很简单。再去将之前代码进行重构。 readonly 测试用例 功能描述 实现 优化 - 以reactive为例 第一次重构 性能 第二次重构 最终代码 baseHand

完善effect 当前的effect的runner、scheduler、stop、onStop，都还算简单就写在一起了，篇幅相对长一点，不过每一模块的实现逻辑并不复杂。 返回runner 测试用例 功

实现effect & reactive & 依赖收集 & 依赖触发 最近在学习vue3源码，越发感觉尤大牛逼，所以将掘金的处女作献给vue3源码。之前也有写一些东西，不过是在自己的博客上写写东西，当笔