Vue.js和Vue.runtime.js區(qū)別淺析
更新時間：2022年07月01日 15:29:17 作者：bald3r
這篇文章主要介紹了Vue.js和Vue.runtime.js區(qū)別淺析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
區(qū)別
| Vue.js | Vue.runtime.js | |
|---|---|---|
| 體積 | 最大 | 比Vue.js小40% |
| 功能 | 包含HTML Compiler | 不含HTML Compiler |
| cdn引入 | 選擇Vue.js | 選擇Vue.runtime.js |
可見兩者最大的區(qū)別就是：是否包含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 生態(tài)系統(tǒng)中的一個通用慣例，實際上也是 JSX 所要求的。
codesandbox.io
通過codesandbox.io可以快速的創(chuàng)建一個項目。
- 選擇Create Sandbox
- 選擇Vue（目前只有Vue3）
- 稍等片刻環(huán)境便會加載好了
- 實際就是一個在線的VScode
以上就是Vue.js和Vue.runtime.js區(qū)別淺析的詳細內容，更多關于Vue.js與Vue.runtime.js區(qū)別的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要為大家詳細介紹了Vue使用v-viewer實現圖片預覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
今天小編就為大家分享一篇vue.js父子組件通信動態(tài)綁定的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家介紹了Vue3源碼系列通過render及patch了解diff原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要為大家詳細介紹了vue實現移動端的開關按鈕，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
Vue項目總結之webpack常規(guī)打包優(yōu)化方案
這篇文章主要介紹了vue項目總結之webpack常規(guī)打包優(yōu)化方案,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06
這篇文章主要介紹了vue3 axios安裝及使用示例代碼,本文通過示例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-04-04
Vue3使用vant檢索組件van-search遇到的問題小結
當清空按鈕與檢索按鈕同時居右時,點擊clear清空按鈕事件時會同時觸發(fā)click-right-icon事件,這個時候容易觸發(fā)一系列問題,小編小編給大家分享Vue3使用vant檢索組件van-search遇到的問題小結,感興趣的朋友一起看看吧2024-02-02
這篇文章主要介紹了Vue中使用Datav如何完成大屏基本布局問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
在Vue的開發(fā)中,我們經常會用到外部組件庫,下面這篇文章主要給大家介紹了關于vue中深度選擇器的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Vue組件通信方式(父傳子、子傳父、兄弟通信)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05