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()函數(shù)
template
new Vue({
el: "#app",
template: `
<div>{{n}}</div>
`,
});
render()
new Vue({
el: "#app",
render(h) {
return h('div', this.n );
},
});
這里的h相當于一個createElement函數(shù)*，它接受兩個參數(shù)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ū)別淺析的詳細內(nèi)容，更多關于Vue.js與Vue.runtime.js區(qū)別的資料請關注腳本之家其它相關文章！
相關文章
vue element-ui里的table中表頭與表格出現(xiàn)錯位的解決
這篇文章主要介紹了vue element-ui里的table中表頭與表格出現(xiàn)錯位的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
vue-router跳轉(zhuǎn)方式的區(qū)別解析
在Vue中，router-link稱為聲明式路由，:to綁定為跳轉(zhuǎn)的目標地址，一種是通過name，另一種是path，這篇文章主要介紹了vue-router跳轉(zhuǎn)方式的區(qū)別,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue2.0 解決抽取公用js的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue組件之間通信的七種方式,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
Fragment 占位組件不生成標簽與路由組件lazyLoad案例
這篇文章主要為大家介紹了Fragment 占位組件不生成標簽與路由組件lazyLoad案例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要為大家詳細介紹了Vue圖片放大鏡組件的封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了vue中使用極驗驗證碼的方法（附demo）本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
vue3上線已經(jīng)很久了,許多小伙伴應該都已經(jīng)使用過vue3了,下面這篇文章主要給大家介紹了關于vue3更新的setup語法糖的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了vue項目內(nèi)存溢出問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue-cli構(gòu)建項目使用 less，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10