前言
选择Vue的版本
2.0.0
这个版本较为完善
Vue源码整体结构
从build文件里我们可以知道一切都是从src/core/index.js开始的。
这段旅程,注定了从core文件夹下开始,所以我们又画了一张源码文件结构图:
可以看出从index.js进入,有六个文件夹:
- instance
它担负着Vue实例的职责,比如实例化、生命周期、自定义事件、状态管理等 - observe
它负责数据的响应式更新,其中有Observer、Watcher、Dep这些关键角色,以及它们的调度算法 - global-api
它含有Vue的一些全局api、如extend、use等 - util
囊括了项目中用到的大部分工具方法,按环境、语言、调试、参数、prop分类 - vdom
负责对虚拟dom节点的一切事物,包括创建、拷贝、pacth、函数式组件等 - components
最简单的一部分,只负责keep-alive组件的实现
下个部分我们会先自己实现一个最简版的 Vue ,然后从一个Vue实例的一生开始进行漫长、详细的探索。