本文主要从源码开始着手，跟着vue2初始化（new Vue）的流程，看看源码内部都做了哪些让人服气的神操作。
源码目录解读
从github上拉取vue.js(vue2)的源码，下载到自己本地文件夹中。具体步骤省略。 看目录：
我们主要看的是src文件夹下的文件：
- 这边sfc其实是
.vue单文件组件，内部是对其进行编译中的解析模板功能。 - vdom是值的虚拟dom。内部有不同类型的虚拟节点创建、patch更新函数。
调试
准备工作
第一步
安装依赖： npm install
安装到phantom.js时即可终止。因为phantomjs是一个可编程的无头浏览器（用于页面自动化、网页监控等），在我们调试的时候不需要该依赖，且该依赖下载比较慢。
第二步
安装rollup： npm i -g rollup
第三步
修改dev脚本，在package.json中的dev内添加sourcemap。便于断点查看相关源码文件。
"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",
第四步
执行dev脚本，打包新的vue.js文件。
找vue构造函数
第一步、入口文件
先通过package.json中的dev查看,到scripts\config.js去看。找到web-full-dev。通过查看resolve方法，可以找到其入口文件platforms\web\entry-runtime-with-compiler.js。
该文件主要扩展mount、将template或el编译成render。
在源码中就可以看出，先判断有无render，如果render不存在的话，就会去判断有无template。tamplate中如果有宿主选择器的话就先选择，没有的话就使用字符串模板。再没有的话，就使用外部html元素。
这也就诠释了为什么render的优先级高于template。
第二步、依赖第一层文件
根据入口文件找到vue的依赖文件src\platforms\web\runtime\index.js。这个文件主要安装补丁（更新函数patch）、实现$mount方法。
第三步、依赖第二层文件
继续向下找，找到src\core\index.js。这个文件主要用来初始化全局静态API：set/delete/component/use...
import Vue from './instance/index' import { initGlobalAPI } from './global-api/index' import { isServerRendering } from 'core/util/env' import { FunctionalRenderContext } from 'core/vdom/create-functional-component' // 初始化全局静态API：set/delete/component/use... initGlobalAPI(Vue)
第四步、依赖第三层文件
找到src\core\instance\index.js文件。内部进行全局属性和方法的初始化和实例的属性和方法初始化。
通过四步我们终于找到了vue构造函数所在文件
开始初始化
在example文件夹中，可以添加自己的测试代码。
初始化 Vue
首先，new Vue走到了vue的构造函数中：src\core\instance\index.js文件。
进入_init。首先合并用户和vue源码内部自身的选项，在实例的$options中添加：默认选项（components、directives、filters）和用户自定义选项el（new Vue 时只写了el）。
选项合并后，会对组件数据和状态进行初始化。
initLifecycle(vm) // 组件声明周期相关属性初始化$parent、$children initEvents(vm) // 自定义组件事件监听 initRender(vm) // 插槽处理 createElement （render中的 h） // 调用声明周期的钩子 callHook(vm, 'beforeCreate') // provide/inject 单项数据流 祖辈注入提供数据、子辈使用 initInjections(vm) // resolve injections before data/props initState(vm) // 初始化data/props/methods/computed/watch initProvide(vm) // resolve provide after data/props callHook(vm, 'created')
进入vm.$mount。编译模板，获取render。
进入mount，执行mountComponent。
mountComponent：vm.$el生成，但是还没有挂载
声明组件更新函数，执行render获得vdom，vdom变成真实dom，并创建组件Watcher。挂载完成。
总结
new Vue初始化的流程图如下：
