其他分享
首页 > 其他分享> > runtime-only和runtime-complier的区别

runtime-only和runtime-complier的区别

作者:互联网

一、首先我们需要理解vue程序是怎样运行起来的?

下面我们来通过一副图了解

         通过图片我们可以知道运行的顺序为:template ->art->render->vdom-ui

二、runtime-only和runtime-complier创建项目有何区别呢?

        其实只有main.js中有不同的地方,下面展示main.js中的内容

        runtime-complier:

        

        runtime-only

 这里可以看出runtime-complier使用的是组件,而runtime-only使用的是render函数

而runtime-only是不支持template的是通过render函数开始执行的。runtime-complier创建的项目需要通过template开始执行。

runtime-only是把template通过vue-template-complier解析为render函数

显而易见。runtime-only比runitme-complier的性能更好,同时文件也小6KB。

三、这里简单说一下render:函数的使用:

这里是注册一个组件

 

通过vue实例对组件进行使用。

 

render函数返回的组件cpn就会在页面进行展示.

 

标签:render,complier,only,template,组件,runtime
来源: https://blog.csdn.net/qq_56423581/article/details/122006022