vue程序运行过程(runtime-compiler和runtime-only)

vue程序运行过程(runtime-compiler和runtime-only)_第1张图片
这个图就是一个vue文件的完整运行过程,在用vue-cli2创建项目时,会让我们选择两种类型:1.runtime-compiler     2.runtime-only
这两种类型的区别就在于:
1.runtime-compiler:
template -> ast -> render -> vdom -> ui
通过这种方式创建的项目vue文件会完整的走一遍流程
2.runtime-only
render -> vdom -> ui
通过这种方式创建的项目vue文件跳过了前两个流程,所以性能更高,代码量更少
// 省去了前两个步骤,那么.vue文件的template是由谁来处理的呢?
// vue-loader用来加载.vue文件
// vue-template-compiler用来解析.vue文件,将