这里实现了一个非常简陋的丐版 mini-vue3。
依次实现了响应式系统,模板编译器,挂载和更新,最后再以一个 计数器 demo 收尾。
虽然还有蛮多功能没有实现,但是主体逻辑都已经走通了,代码是可以跑起来的 🚀,我想这对我们理解 Vue3 背后的工作原理还是挺有帮助的。
- 响应式系统
- 副作用函数 effect
- reactive
- ref
- computed 的实现原理
- watch 的实现原理
- 自动脱 ref
- 编译器
- 抽象语法树 AST 介绍
- 模板解析 parse
- 转换器 transform
- 代码生成 codegen
- 编译 compile
- 挂载
- 更新 (简单的 patch diff)
- Demo
- 计数器
git clone https://github.com/w2xi/vue3-slides.git
cd vue3-slides
pnpm install
pnpm dev