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处理


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM