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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。