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

vue程序运行过程(runtime-compiler和runtime-only)
这个图就是一个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文件,将<template>解析成render函数

(新手画图,画的不好不对的地方还请大佬们多多指点,画图不易,点个赞再走!多谢!)