runtime-only和runtime-compiler的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了runtime-only和runtime-compiler的区别相关的知识,希望对你有一定的参考价值。

参考技术A 使用脚手架新建项目vue init webpack my-project会出现选择vue编译方式runtime-only 和runtime-compiler

我们建议选择runtime-only编译方式,因为runtime-only压缩体积小运行速度快,

这是因为vue对template的解析方式所决定的,template  ->  ast  ->  render  -> 虚拟dom  ->真实dom,

需要经过5步才可以把内容展示给用户,使用runtime-only则会省略前面2步,直接render  -> 虚拟dom  ->真实dom

在runtimeonly中,render会调用一个函数创建元素 ,

创建元素我们也可以引入对象,将vue文件引入,vue文件中也有template,但是为什么没有按照vue规则呢,这是因为我们使用了vue-template-compiler将template解析了,所以其实导入的时候已经没有template标签了

runtime-only :,

runtime-compiler

以上是关于runtime-only和runtime-compiler的区别的主要内容,如果未能解决你的问题,请参考以下文章

Vue教程(四十)Runtime + Compiler和Runtime-only的区别

Vue教程(四十)Runtime + Compiler和Runtime-only的区别

vue06-runtime-only和runtime-compilervuecli创建项目

runtime-compiler和runtime-only的区别

You are using the runtime-only build of Vue where the template compiler is not available. Either pre

Vue 解决报错 You are using the runtime-only build of Vue where the template compiler is not available.