课程亮点

1）逐步熟悉当下 Web 前端开发的背景及特点
2）详细了解 Vue 3 的主要变化和重要实现细节
3）快速掌握 Vue 解决的核心问题和关键路径
4）全面精通 Vue 实现过程中的所有实现方法
5）从原理入手深度解析 Vue 源码的整体思路

课程简介

Vue 是当前最火的 Web 前端框架之一，它提供了声明式渲染、组件系统、客户端路由、状态管理、构建等能力和工具链，这些逐步渐进的能力 几乎涵盖了现代 Web 前端开发的所有热点问题，并为这些问题一一提供了优雅的解决方案。

理解 Vue 的源码需要从时代背景和原理着手，了解 Vue 诞生的当下面临的问题以及每一个问题对应的解决方案。本课程即会从这两个方面着手，带大家一步一步看到 Vue 为前端开发解决了什么问题。在了解这个大背景的前提下，再深入源码的实现，以做到 真正理解 Vue 的源码，而不仅仅是停留在细节实现上。

理解 Vue 背后的时代背景和原理有助于前端工程师 提升自己的技术视野，在面对问题时能更 清楚地看到问题本质。在寻找解决方法时也能 不拘泥于框架或他人提供的现成方法，而是能自己寻找根本原因并提供最合适的解决办法。

此外，从原理上掌握 Vue 源码也能更好地应对工作中的场景，例如 晋级答辩、面试 等。因为这些场景需要开发者从原理上进行一些叙述，从而体现自己对技术的理解和解决问题的能力。

讲师简介

TooBug 资深 Web 前端工程师，从事前端开发和架构工作十年，目前就职于某互联网金融公司任前端架构师，负责过诸多项目的前端技术选型和架构。看重 Web 基础知识和基本原理，擅长 Web 前端基础架构工作和工程化。翻译过多本技术书籍，开发过 Web 安全、CSS 等相关主题视频课程。

专栏模块

绪

介绍相关背景及专栏内容，通过阅读本章了解为什么需要学习 Vue 源码，以及如何从这一过程中真正学习到有用的知识。

前置知识

介绍现代 Web 前端开发的两大特征，即数据驱动和组件化开发，然后解读 Vue 源码需要的相关前置知识。通过本章的学习，将了解到 Vue 所处的时代背景和面临的问题，以及 Vue 在解决这些问题时使用了哪一些前置知识。

Vue 实例及入口

介绍 Vue 实例初始化的过程，在这一过程中，我们将看到 Vue 实例的核心组成部分和初始化的过程，并了解 Vue 是如何针对不同平台进行入口的包装的。学习本章可以最直观地接触到 Vue 暴露出来的接口，为后续深入打下基础。

Vue 核心机制

介绍 Vue 的依赖收集、数据监听、模板编译、组件机制等核心机制，这些核心机制构成了 Vue 最核心的技术特性，了解它们将能比较好地看清 Vue 的全貌。

细节

因为考虑到章节的连贯性，还有一些 Vue 实现过程中比较重要的细节将留到本章，包括渲染辅助方法、双向绑定机制、slots 等内容。在完整了解这些内容中，基本就能掌握 Vue 实现过程中所有的实现方法了。

编译工具

介绍 Vue 编译工具链的核心原理和实现，通过本章的学习能更深刻地理解 Vue 是如何将开发 / 编译等阶段结合起来，从而实现单文件组件及各种 loader 的。

周边

作为扩展部分介绍 vue-router/vuex 等 Vue 周边的核心原理和实现，了解这一部分能让开发者更深刻地理解前端框架所承担的功能和具体的实现方式。

Vue 3

介绍 Vue3 的主要变化和值得注意的实现细节。