模块四导读-实用特性探索背后原理海量资源.pdfVIP

本文由简悦SimpRead转码，原文地址

Vue.js3.0源码解析

ustbhuangyi）

Zoom前端架构师，前、滴滴资深技术专家

专属班

开篇词

开篇词|解析Vue.js源码，提升编码能力

模块一：直击Vue.js组件的实现

模块一导读|组件的实现：直击Vue的实现

01|组件渲染：vnode到真实DOM是如何转变的？

02|组件更新：完整的DOMdiff流程是怎样的？（上）

03|组件更新：完整的DOMdiff流程是怎样的？（下）

模块二：学会新设计CompositionAPI

模块二导读|逻辑复用最佳实践：CompositionAPI

04|Setup：组件渲染前的初始化过程是怎样的？

05|响应式：响应式的实现原理是怎样的？（上）

06|响应式：响应式的实现原理是怎样的？（下）

08|侦：侦的实现原理和使用场景是什么？（上）

09|侦：侦的实现原理和使用场景是什么？（下）

10|生命周期：各个生命周期的执行时机和应用场景是怎样的？

模块三：编译过程和背后的优化思想

模块三导读|编译和优化：了解编译过程和背后的优化思想

12|模板解析：构造AST的完整流程是怎样的？（上）

13|模板解析：构造AST的完整流程是怎样的？（下）

14|AST转换：AST节点做了哪些转换？（上）

15|AST转换：AST节点做了哪些转换？（下）

16|生成代码：AST如何生成可运行的代码？（上）

17|生成代码：AST如何生成可运行的代码？（下）

模块四：探索实用特性背后的实现原理

模块四导读|实用特性：探索实用特性背后的原理

18|Props：Props的初始化和更新流程是怎样的？

21|v-model：双向绑定到底是怎么实现的？

模块五：学习Vue内置组件的实现原理

模块五导读|内置组件：学习Vue内置组件的实现原理

22|eport组件：如何脱离当前组件渲染子组件？

23|KeepAlive组件：如何让组件在内存中缓存和调度？

24|Transition组件：过渡动画的实现原理是怎样的？（上）

25|Transition组件：过渡动画的实现原理是怎样的？（下）

特别放送：研究Vue生态的实现原理

特别放送导读|研究Vue生态的实现原理

26|VueRouter：如何实现一个前端路由？（上）

27|VueRouter：如何实现一个前端路由？（下）

模块四导读|实用特性：探索实用特性背后的原理

2020/09/21ustbhuangyi）

Vue.js除了的组件化和响应式之外，还提供了很多非常实用的特性供我们使用，比如组件的

props、slot、directive等特性，它们让我们的开发更加灵活。

由于我们平时工作中会经常接触到这些特性，除了熟练运用它们之外，我建议你把它们底层的实现原理

搞清楚，这样你就能更加自如地应用，并且在出现bug的时候能第一时间定位到问题。

那么接下来，就让我们一起来探索这些实用特性背后的实现原理吧。