大家好，我是 TooBug，Web 前端工程师，目前就职于某互联网金融公司任前端架构师，负责过诸多项目的前端技术选型和架构。

我从业十年，经历过长时间的纯原生 JS 和 jQuery 开发，2012 年左右开始使用 backbone.js 开发，算是接触到了 MVVM 时代的启蒙框架。后来作为国内较早一批使用 MVVM 框架的前端工程师，开始实践 Angular.js / Vue。

一路走过来，见证了前端框架领域的诸多变化，时至今日，数据驱动、组件化开发、单页面前端路由……每一个点都是一步步探索而来，直到现在已经成为每一个成熟框架的共识。

作为一个前端架构师，在做技术选型的过程中，会面临无数的问题：这个特性是否会引起理解上的歧义，使用这样的开发方式是否会带来性能的下降，为了提升团队效率应该选择激进的技术还是保守的技术……对这些问题的思考，会使得我在评估每一个框架的时候有更多的维度，而不仅仅是从某一个方面进行评价。

在日常工作及准备这个专栏的过程中，我了解到很多前端工程师，哪怕是一直在使用 Vue 的工程师也很少关注 Vue 的技术原理，当碰到问题的时候第一反应就是搜索一下，找一个相似问题的代码片段，粘贴使用。

这样的方式能够解决当下的一小部分问题，然而当真的碰到复杂场景下的问题时，不仅找不到合适的解决方式，甚至由于对原理理解太少，连合适的搜索关键词都找不到。

因此学习 Vue 绝不应该仅仅是学习它的用法。在用法这一点上，Vue已经做得足够易用了。只有我们深入理解它的原理，才能够应付在开发过程中的各种问题，找到根本原因并提出最合适的解决办法。

最后，我为大家简单介绍一下课程的具体安排：

课程安排：

首先，我会介绍相关背景及专栏内容，包含如何阅读专栏的章节。

接下来我会用一章的篇幅来介绍相关前置知识，包含现代 Web 前端开发的特征及解读 Vue 源码需要的必备的相关前置知识。掌握这些知识可以帮助我们在阅读源码时不过分陷入细节，而是时刻保持对整体结构的关注。

介绍完前置知识后会进入接触 Vue 的第一个部分，即实例及入口。通过了解 Vue 实例初始化的过程以及在不同环境下的包装入口，我们就能弄清楚当我们使用 Vue 的时候，到底是在使用什么。

在看过 Vue 实例之后，我将介绍 Vue 最核心的几个机制，包括依赖收集、数据监听、模板编译、组件机制等机制，掌握这些机制后可以说 Vue 源码的精髓就已经大致掌握了。

再接下来一章，我会介绍在前面章节中因为篇幅安排而刻意漏掉的一些细节，例如渲染辅助方法、双向绑定、slots、nextTick 等。

在看完 Vue 源码的核心后，我们还会专门看一下编译工具，因为这一部分实际上是贯穿在Vue 使用的全过程中的，了解编译工具链的核心原理和实现有助于更好地理解 Vue 的实现原理。

最后，作为扩展，vue-router/vuex 等周边的核心原理和实现也会简单做一些介绍。

此外，因为 Vue 3 已经发布，我也将使用一章的篇幅来介绍 Vue 3 的主要变化和值得注意的实现细节。

这便是课程的全部内容，相信大家在看完后会有一些收获。