前端识记mini-vue-reading
README
mini-vue 深度阅读剖析
最后更新 2026年8月29日
mini-vue 深度阅读剖析
以 cuixiaorui/mini-vue（Vue 3 核心逻辑的最简实现）为对象， 逐模块、逐文件、逐段代码地剖析：这段代码解决什么问题、为什么这么写、当初是怎么一步步写出来的。
章节目录（按阅读顺序）
| 章 | 文件 | 内容 |
|---|---|---|
| 0 | 00-总览与阅读路线.md | 包结构、三大系统关系、依赖方向、为什么按这个顺序读 |
| 1 | 01-reactivity-effect与依赖收集.md | effect / track / trigger / targetMap / scheduler / stop，逐段实现 |
| 2 | 02-reactivity-reactive-ref-computed.md | Proxy handlers、惰性递归、ref 的包装、computed 的 dirty 开关 |
| 3 | 03-runtime-挂载流程.md | vnode / ShapeFlags / createRenderer / patch / mountElement / mountComponent / setupRenderEffect |
| 4 | 04-runtime-组件系统.md | 组件实例、公共代理、props / emit / slots / provide-inject 的完整实现 |
| 5 | 05-runtime-更新与diff.md | patchElement、patchChildren、双端 diff 逐步手推、最长递增子序列、scheduler/nextTick |
| 6 | 06-compiler-三段式.md | parse 递归下降、transform 插件与退出函数、codegen 拼代码 |
| 7 | 07-方法论-如何啃大型开源项目.md | 从这次阅读中抽出来的可迁移流程，含具体操作命令 |
使用建议
- 每章都是「问题 → 最小失败用例 → 代码 → 逐段解释 → 陷阱」的结构，建议边读边在本地把代码敲一遍，每章结尾有自测题；
- 代码是 mini-vue 风格的简化 TypeScript，与仓库原码逐行对应关系约 90%，个别地方为讲解清晰做了重排；
- 读完全部章节后，去读 vuejs/core 对应文件，用「真版比 mini 版多了什么」的 diff 心态收尾。
反向链接（0）
还没有笔记链接到这里。在 Obsidian 里用 [[笔记名]] 引用它，这里就会出现，关系图谱上也会多出一条连线。