runtime-only和runtime-complier的区别

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

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

runtime-only和runtime-complier的区别

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

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

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

        runtime-complier:

        runtime-only和runtime-complier的区别

        runtime-only

runtime-only和runtime-complier的区别

 这里可以看出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:函数的使用:

runtime-only和runtime-complier的区别

这里是注册一个组件

runtime-only和runtime-complier的区别 

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

 runtime-only和runtime-complier的区别

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

 

上一篇:RuntimeError: CUDA error:out of memory的一种解决办法


下一篇:React 函数式组件