vue.runtime.esm.js,

  vue.runtime.esm.js,

  本文主要介绍Vue.js和Vue.runtime.js的区别,有需要的朋友可以借鉴一下,希望能有所帮助。祝大家进步很大,早日升职加薪。

  

目录

  区分HTML编译器模板Render () Codesandbox.io

  

区别

  Vue.jsVue.runtime.js的最大体积比Vue.js小40%功能包括HTML编译器但不包括HTML Compilercdn。选择vue.js选择Vue.runtime.js两者最大的区别在于是否包含HTML编译器。

  

HTML Compiler

  HTML编译器顾名思义就是编译HTML的工具。在Vue中,可以通过两种方式修改页面元素,一种是通过模板,另一种是通过render()函数。

  

template

  新Vue({

  埃尔: #app ,

  模板:` 1

  div{{n}}/div

  `,

  });

  

render()

  新Vue({

  埃尔: #app ,

  渲染(h) {

  返回h(div ,this . n);

  },

  });

  这里,H相当于一个createElement函数*,它接受两个参数H (tag,content),可以修改页面中的元素。

  *使用H作为createElement的别名是Vue生态系统中的常见做法,实际上也是JSX所要求的。

  

codesandbox.io

  官方链接

  可以通过codesandbox.io快速创建项目

  选择创建沙盒,选择Vue(目前只有Vue3),过一会环境就加载了,其实就是一个在线的VScode。

  以上是Vue.js和Vue.runtime.js差异分析的详细内容,更多关于Vue.js和Vue.runtime.js的差异,请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: