拉勾教育 - Vue.js 3.0 核心源码解析

拉勾教育 – Vue.js 3.0 核心源码解析课程介绍

专栏将对 Vue.js 3.0 的框架源码进行系统、细致地分析。深入到内核剖析实现原理，探究源码背后的设计思想。一方面帮你夯实 Vue.js 开发技能，一方面帮你理解源码分析的方式与编程思路，为你从底层逻辑理解优秀框架背后的技术思想。

课程安排上主要分为以下三个部分：

① 核心部分，第 1~2 模块：

这个部分会带你去分析 Vue.js 3.0 最核心的组件的实现原理以及 Vue.js 3.0 新特性 Composition API 的实现原理。经过学习，你将对组件如何渲染和更新能有深刻的理解，并且能够掌握 Composition API 背后的实现原理和应用场景。

② 进阶部分，第 3 模块：

这个部分会带你分析 Vue.js 3.0 模板的编译和优化过程。经过学习，你能够了解 Vue.js 是如何编译模板并生成代码的，以及编译过程背后的性能优化思想是怎样的。

③ 扩展部分，第 4~5 模块：我会带你分析 Vue.js 3.0 的内置组件的实现原理、Vue.js 3.0 一些实用特性的实现原理以及 Vue.js 3.0 官方生态实现原理。经过学习，你可以了解这些功能的实现原理和职责边界，在平时工作中应用起来更加得心应手。

拉勾教育 – Vue.js 3.0 核心源码解析课程目录

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

02 组件更新：完整的 DOM diff 流程是怎样的？（上）.mp4

03 组件更新：完整的 DOM diff 流程是怎样的？（下）.mp4

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

05 响应式：响应式内部的实现原理是怎样的？（上）.mp4

06 响应式：响应式内部的实现原理是怎样的？（下）.mp4

07 计算属性：计算属性比普通函数好在哪里？.mp4

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

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

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

11 依赖注入：子孙组件如何共享数据？.mp4

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

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

14 AST 转换：AST 节点内部做了哪些转换？（上）.mp4

15 AST 转换：AST 节点内部做了哪些转换？（下）.mp4

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

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

18 Prop：Prop 的初始化和更新流程是怎样的？.mp4

19 插槽：如何实现内容分发？.mp4

20 指令：指令完整的生命周期是怎样的？.mp4

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

22 Teleport 组件：如何脱离当前组件渲染子组件？.mp4

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

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

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

26 Vue Router：如何实现一个前端路由？（上）.mp4

27 Vue Router：如何实现一个前端路由？（下）.mp4

导读一文看懂 Vue.j 3.0 的优化.mp4

结束语终点也是起点.mp4

开篇词解析 Vue.j 源码，提升编码能力.mp4

模块二导读逻辑复用最佳实践：Compoition API.mp4

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

模块四导读实用特性：探索更多实用特性背后的原理.mp4

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

模块一导读组件的实现：直击 Vue 核心的实现.mp4

特别放送导读研究 Vue 官方生态的实现原理.mp4