博主作为一名前端开发，日常开发的技术栈是Vue，并且用Vue开发也有一年多了，对其用法也较为熟练了，但是对各种用法和各种api使用都是只知其然而不知其所以然，因此，有时候在排查bug的时候就会有点捉襟见肘。鉴于此，索性就从github上clone下来一份Vue源码来学习学习，本系列博文将用来记录博主对Vue源码的整个学习过程，以及自己对源码的一些理解。一方面开阔自己的知识视野，另一方面也希望这些文字能够带给他人些许帮助

2.2 学习路线

在学习之前，我们需要先制定一个学习路线，循序渐进的学习，这样不至于一头雾水，无处下手。后面的学习路线如下：

1. 变化侦测篇学习Vue中如何实现数据的响应式系统，从而达到数据驱动视图。
2. 虚拟 DOM 篇学习什么是虚拟 DOM，以及Vue中的DOM-Diff原理
3. 模板编译篇学习Vue内部是怎么把template模板编译成虚拟DOM,从而渲染出真实DOM
4. 实例方法篇学习Vue中所有实例方法(即所有以$开头的方法)的实现原理
5. 全局 API 篇学习Vue中所有全局API的实现原理
6. 生命周期篇学习Vue中组件的生命周期实现原理
7. 指令篇学习Vue中所有指令的实现原理
8. 过滤器篇学习Vue中所有过滤器的实现原理
9. 内置组件篇学习Vue中内置组件的实现原理

gate io wiki2.3 学习输出

通过一步步的学习，博主打算在学习过程中输出以下三个东西：

• 以文字形式记录学习过程；
• 为clone下来的Vue源码添加尽可能详细的注释；
• 做一份思维导图，以宏观角度总览源码；