渐进式揭秘 Vue 3 源码的设计过程和架构思想

*   开篇词：<Vue 3></Vue 2>

*   渲染器：组件是如何被渲染成 DOM 的？

*   渲染器：数据访问是如何被代理的？

*   渲染器：组件是如何完成更新的？

*   渲染器：数组子节点的 diff 算法

*   响应式原理：基于 Proxy 的响应式是什么样的？

*   响应式原理：副作用函数探秘

*   响应式原理：Vue 3 的 nextTick ？

*   响应式原理：watch 函数的实现原理

*   响应式原理：computed 函数和普通函数有什么不同？

*   响应式原理：依赖注入实现跨级组件数据共享

*   编译器：模板是如何被编译成 AST 的？

*   编译器：AST 是如何被转换成 JS AST 的？

*   编译器：JS AST 是如何生成渲染函数的？

*   编译器：编译过程中的优化细节

*   内置组件：Transition 是如何实现的？

*   内置组件：KeepAlive 保活的原理

*   内置组件：Teleport 是如何实现选择性挂载的？

*   内置组件：Suspense 原理与异步

*   特殊元素&指令：双向绑定是如何实现的？

*   特殊元素&指令：slot 插槽元素是如何实现的？

*   结语：再回首，纵观 Vue 3 实现