欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

vue中runtimecompiler和runtimeonly的区别

发布时间:2024/1/8 vue 50 豆豆
生活随笔 收集整理的这篇文章主要介绍了 vue中runtimecompiler和runtimeonly的区别 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

简单总结
如果在之后的开发中,你依然使用template,就需要选择runtimecompiler
如果你之后的开发中,使用的是.vue文件夹开发,那么可以选择runtimeonly

runtimecompiler

Vue中的模板如何最终渲染成真实DOM
template -> ast -> render -> vdom -> UI

runtimeonly

Vue中的模板如何最终渲染成真实DOM
render -> vdom -> UI
性能更高
代码量更少
那么.vue文件中的template是由谁处理的
是由vue-template-compiler

runtime-only 更快的原因:
runtime-only比runtime-compiler更快,因为它省略了vue内部过程中的第一个过程,如果是runtime-compiler那么main.js中就会出现template从而需要过程一导致增加了一个过程,同时增加了大小而 runtime-only 模式中不是没有写 template ,只是把 template 放在了.vue 的文件中了并有一个叫 vue-template-compiler的在开发依赖时将.vue文件中的 template 解析成 render 函数了因为是开发依赖,不在最后生产中,所以最后生产出来的运行的代码没有template

总结

以上是生活随笔为你收集整理的vue中runtimecompiler和runtimeonly的区别的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。