标签：render complier only template 组件 runtime

一、首先我们需要理解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的性能更好，同时文件也小６ＫＢ。

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

这里是注册一个组件

 

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

 

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

 

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。