runtime-compiler和runtime-only的区别

在我们使用脚手架vuecli初始化一个项目时,会让你选择是使用runtime-compiler和runtime-only.

这两者的我们发现他创建的main.js不一样。

在选择runtime-compiler vue的运行过程会将 template --解析--> 成抽象语法树(ast)--编译成--> render函数  --->虚拟dom树 ---->渲染成真实dom

而在runtime-only  render函数  ---> 虚拟dom  --->真实dom      ,runtime-only跳过了template解析成抽象语法树的步骤,代码量更少,性能更高

在runtime-only中render的值是一个函数,并且这个函数的参数是一个createElement函数用来创建元素的

 

 

 

 

 我们引入的App组件是一个对象,已经直接将App的template编译成render函数了。这个过程由vue-template-compiler处理

原文地址:https://www.cnblogs.com/jiaobaba/p/13046661.html