Vue 3 技术揭秘

课程详情

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

随着 Vue 3 正式版本的发布，未来 Vue 3 将会成为前端的主流框架，这个毋庸置疑。Vue 3 在使用方面会兼容部分 Vue 2.x 的特性，比如 options API。

本课程旨在解答 Vue 3 使用过程中遇到的问题，如 Vue 3 渲染器、响应式、编译器等核心概念，帮助学员写出性能更优的代码，并深入理解 Vue 3 的优秀设计模式和算法。

• Vue 3 渲染器做了哪些事情？
• Vue 3 的响应式和 Vue 2 相比有什么不同？
• Vue 3 编译器的过程是什么样的？
• Vue 3 传说中的编译时优化，究竟做了哪些工作？
• Vue 3 一些内置内容究竟是如何运作的？

本课程通过精简 Vue 3 核心源码和大量插图，将 Vue 3 的“神秘面纱”分为 5 大模块逐一揭开：

• 模块一：渲染器实现原理。从根组件初始化开始，介绍组件实例化、完整更新、diff 过程等。
• 模块二：响应式原理。核心介绍 Vue 3 基于 Proxy 实现的响应式原理，深入解读依赖收集过程、响应式触达过程和相关联的 watch、computed、inject/provide 函数实现以及异步批量更新原理。
• 模块三：编译器实现原理。重点讲解模板是如何被一步步编译成渲染函数的，以及在编译时 Vue 3 所做的大量编译时优化的工作。
• 模块四：内置组件实现原理。主要介绍 Vue 3 几个常用的内置组件：Transition、KeepAlive、Teleport、Suspense 相关的组件运行机制和实现原理。
• 模块五：特殊元素&指令。重点分析 v-model 是如何实现双向数据绑定的，以及 slot 插槽是如何实现内容分发的。

掌握本课程模块的核心原理后，学员将能更加得心应手地阅读 Vue 3 源码或解决 Vue 3 的疑难杂症。