vue源码初探（一）

作为一名前端开发，日常开发的技术栈是Vue，自己在公司忙前忙后，但大多是业务上的一些编码，对各种用法和各种api很熟练，但对于框架底层的认识不深，原理缺乏全面的了解。故开始钻研源码，以期望有更广阔的思维和方法能开发出更优质产品。

前端框架层出不穷，但弄明白原理才是王道，就必须不停的去学习和实践。鉴于此，从github上clone下来一份Vue源码，研究下其整个过程和思路，一方面开阔自己视野，另一方面也希望能够同他人一起交流和探索。

今天要说的就是上图这个vue整体的架构,同时也是我们学习的基本路线。

首先，我们制定的一个学习路线也是综合一些大佬的，当然也是一个循序渐进的学习过程，这样由浅入深循序渐进。路线如下：

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中内置组件的实现原理
   
   工欲善其事必先利其器，现在探索的计划已经拟定，接下来就是准备一些工具和实践了，今天就到这里，谢谢。