1.首先需要补充一个知识:Vue程序运行过程
template被解析成抽象语法树(ast),然后抽象语法树被解析成 rander函数,再将rander函数翻译成虚拟dom->渲染成网页
2.两种方式的不同在于main.js(下图分别是runtime-compiler和runtime-compiler项目中的main.js文件)
可以看出 runtime-compiler中APP是template 还需要解析成rander函数,而runtime-only直接就是rander函数,后者效率更好。
并且,runtime-only省去template转化成ast的代码,代码量更少
以上内容转载自2019年coderwhy vue-vuejs从入门到精通教程_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV17j411f74d?p=95