您现在的位置是:网站首页> 编程资料编程资料
Vue.js和Vue.runtime.js区别浅析_vue.js_
2023-05-24
229人已围观
简介 Vue.js和Vue.runtime.js区别浅析_vue.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: ` {{n}} `, }); 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区别的资料请关注其它相关文章!
您可能感兴趣的文章:
相关内容
- js复制文本到粘贴板(Clipboard.writeText())_javascript技巧_
- JavaScript中async和await的使用及队列详情_javascript技巧_
- JS实现一键复制_javascript技巧_
- 微信小程序自定义地址组件_javascript技巧_
- vue 为什么要封装全局组件引入_vue.js_
- Jquery实现下拉菜单案例_jquery_
- JS实现简单拖动模态框案例_javascript技巧_
- vue项目中一定会用到的性能优化技巧_vue.js_
- 在Vue3中使用BabylonJs开发 3D的初体验_vue.js_
- JavaScript+CSS实现模态框效果_javascript技巧_
