Vue.js 3.0 核心源码解析 - 前百度、滴滴资深技术专家 - 拉勾教育

    特别放送导读 | 研究 Vue 官方生态的实现原理 - 图1

    Vue.js 3.0 核心源码内参

    HuangYi

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

    专属班主任

    开篇词

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

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

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

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

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

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

    模块二：学会新设计 Composition API

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

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

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

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

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

    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 | Teleport 组件：如何脱离当前组件渲染子组件？

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

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

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

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

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

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

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

    2021/05/24 HuangYi

    Vue.js 是一个渐进式的前端框架，除了提供好用的核心库之外，官方还提供了前端路由解决方案。

    当我们开发大型应用的时候，都离不开前端路由，因此了解它的实现原理，非常有助于我们更好地掌握和应用，如果在使用过程中出现 Bug，希望你也可以从源码层面去找到问题的本质。

    那么接下来，就让我们一起来探究其实现原理吧。

    精选留言

    写留言

    学习知识要善于思考，思考，再思考。—爱因斯坦