Vue之初始化

前言

之前分析过Moon的源码，对于Moon实现的双向绑定、computed、事件分发、生命周期有了比较详细的阅读分析，学到了很多。不足之处也比较明显，对于component、虚拟DOM、模板解析不够深入，这个高仿库是非常值得深入学习的。

从本文开始会开始一系列Vue源码的学习（Vue版本是2.5.16），本文介绍Vue.js加载过程中主要的初始化工作。

具体分析

Vue源码中使用rollup来实现多种环境的打包，我们关注开发环境的打包入口：src/platforms/web/entry-runtime-with-compiler.js

从该入口分析，整体初始化如下图所示：

从上图可以看出，在初始化过程中最主要的几点如下：

• 默认配置项config定义
• 判断是否支持相关API从而定义对应的macroTaskFunc和microTaskFunc，用来支持nextTick效果
• 构建Vue构造函数，并对外暴露
• 在Vue.prototype上构建相关的实例方法，例如$on、$set、$watch等
• 在Vue上构建静态方法，例如Vue.component、Vue.directive、Vue.filter等
• 其他相关辅助函数定义

下一篇文章会结合new Vue()查看创建Vue实例的过程。