深入浅出MV*框架源码（七）：开始Vue之旅

前言

选择Vue的版本

2.0.0

这个版本较为完善

Vue源码整体结构

从build文件里我们可以知道一切都是从src/core/index.js开始的。
这段旅程，注定了从core文件夹下开始，所以我们又画了一张源码文件结构图：

Vue-Core.png

可以看出从index.js进入，有六个文件夹：

1. instance
   它担负着Vue实例的职责，比如实例化、生命周期、自定义事件、状态管理等
2. observe
   它负责数据的响应式更新，其中有Observer、Watcher、Dep这些关键角色，以及它们的调度算法
3. global-api
   它含有Vue的一些全局api、如extend、use等
4. util
   囊括了项目中用到的大部分工具方法，按环境、语言、调试、参数、prop分类
5. vdom
   负责对虚拟dom节点的一切事物，包括创建、拷贝、pacth、函数式组件等
6. components
   最简单的一部分，只负责keep-alive组件的实现

下个部分我们会先自己实现一个最简版的 Vue ，然后从一个Vue实例的一生开始进行漫长、详细的探索。