Vue.js和Vue.runtime.js区别浅析
更新时间：2022年07月01日 15:29:17 作者：bald3r
这篇文章主要介绍了Vue.js和Vue.runtime.js区别浅析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
区别
| Vue.js | Vue.runtime.js | |
|---|---|---|
| 体积 | 最大 | 比Vue.js小40% |
| 功能 | 包含HTML Compiler | 不含HTML Compiler |
| cdn引入 | 选择Vue.js | 选择Vue.runtime.js |
可见两者最大的区别就是：是否包含HTML Compiler
HTML Compiler
HTML Compiler 顾名思义是编译 HTML 的工具。在Vue中，页面元素有两种修改方式，一种是通过template，另一种是通过render()函数
template
new Vue({
el: "#app",
template: `
<div>{{n}}</div>
`,
});
render()
new Vue({
el: "#app",
render(h) {
return h('div', this.n );
},
});
这里的h相当于一个createElement函数*，它接受两个参数h(标签, content)，可以在页面中修改元素
*将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例，实际上也是 JSX 所要求的。
codesandbox.io
通过codesandbox.io可以快速的创建一个项目。
- 选择Create Sandbox
- 选择Vue（目前只有Vue3）
- 稍等片刻环境便会加载好了
- 实际就是一个在线的VScode
以上就是Vue.js和Vue.runtime.js区别浅析的详细内容，更多关于Vue.js与Vue.runtime.js区别的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家详细介绍了Vue使用v-viewer实现图片预览，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
今天小编就为大家分享一篇vue.js父子组件通信动态绑定的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要为大家介绍了Vue3源码系列通过render及patch了解diff原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要为大家详细介绍了vue实现移动端的开关按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要介绍了vue项目总结之webpack常规打包优化方案,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue3 axios安装及使用示例代码,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-04-04
Vue3使用vant检索组件van-search遇到的问题小结
当清空按钮与检索按钮同时居右时,点击clear清空按钮事件时会同时触发click-right-icon事件,这个时候容易触发一系列问题,小编小编给大家分享Vue3使用vant检索组件van-search遇到的问题小结,感兴趣的朋友一起看看吧2024-02-02
这篇文章主要介绍了Vue中使用Datav如何完成大屏基本布局问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-09-09
在Vue的开发中,我们经常会用到外部组件库,下面这篇文章主要给大家介绍了关于vue中深度选择器的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了Vue组件通信方式(父传子、子传父、兄弟通信)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
最新评论