Vue3.0源码学习记录

为什么要学习 Vue.js 源码？ 一文看懂 Vue.js 3.0 的优化 01 -- 组件渲染：vnode 到真实 DOM 是如何转变的？ 02 -- 组件更新：完整的 DOM diff 流程是怎样的？（上） 03 -- 组件更新：完整的 DOM diff 流程是怎样的？（下） 04 -- Setup：组件渲染前的初始化过程是怎样的？ 05 -- 响应式：响应式内部的实现原理是怎样的？（上） 06 -- 响应式：响应式内部的实现原理是怎样的？（下） 07 -- 计算属性：计算属性比普通函数好在哪里？ 08 -- 侦听器：侦听器的实现原理和使用场景是什么？（上） 09 -- 侦听器：侦听器的实现原理和使用场景是什么？（下） 10 -- 生命周期：各个生命周期的执行时机和应用场景是怎样的？ 11 -- 依赖注入：子孙组件如何共享数据？ 12 -- 模板解析：构造 AST 的完整流程是怎样的？（上） 13 -- 模板解析：构造 AST 的完整流程是怎样的？（下） 14 -- AST 转换：AST 节点内部做了哪些转换？（上） 15 -- AST 转换：AST 节点内部做了哪些转换？（下） 16 -- 生成代码：AST 如何生成可运行的代码？（上 17 -- 生成代码：AST 如何生成可运行的代码？（下） 18 -- Props：Props 的初始化和更新流程是怎样的? 19 -- 插槽：如何实现内容分发？ 20 -- 指令：指令完整的生命周期是怎样的？ 21 -- v-model：双向绑定到底是怎么实现的？ 22 -- Teleport 组件：如何脱离当前组件渲染子组件？ 23 -- KeepAlive 组件：如何让组件在内存中缓存和调度？ 24 -- Transition 组件：过渡动画的实现原理是怎样的？（上） 25 -- Transition 组件：过渡动画的实现原理是怎样的？（下） 26 -- Vue Router：如何实现一个前端路由？（上） 27 -- Vue Router：如何实现一个前端路由？（下）