Skip to content

w2xi/vue3-slides

Repository files navigation

Vue3 响应式系统和编译器初探

前言

这里实现了一个非常简陋的丐版 mini-vue3

依次实现了响应式系统,模板编译器,挂载和更新,最后再以一个 计数器 demo 收尾。

虽然还有蛮多功能没有实现,但是主体逻辑都已经走通了,代码是可以跑起来的 🚀,我想这对我们理解 Vue3 背后的工作原理还是挺有帮助的。

PPT 目录

  • 响应式系统
    • 副作用函数 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

参考

Releases

No releases published

Packages

No packages published