vue2.x的深入學(xué)習(xí)--關(guān)于h函數(shù)的說(shuō)明
vue項(xiàng)目中。寫(xiě)在.vue文件的template里的代碼需要借助webpack的模板解析器插件才能解析。單個(gè).html文件引入vue文件時(shí)，該vue文件順便把模板解析器引入進(jìn)來(lái)了(缺點(diǎn)是體積大)。
所以我們使用工程化開(kāi)發(fā)項(xiàng)目時(shí)候，需要在package.json文件引入vue-template-compile，用于進(jìn)行模板解析
如果沒(méi)有模板解析器，就解析不了，但是vue-template-compile只能解析.vue文件里的模板，沒(méi)辦法解析.js文件里的模板：
所以當(dāng)我們這么寫(xiě)的時(shí)候會(huì)解析不了
為什么解析不了？因?yàn)閙ain.js文件引入的vue文件沒(méi)有帶模板解析器
vue.runtime.common.js是不帶模板解析器的.vue文件，vue.js是帶模板解析器的vue文件
如果我們?cè)趍ain.js引入帶有模板解析器的vue.js文件，則可以解析template
為什么默認(rèn)引入的是不帶模板解析器的vue.js文件？
因?yàn)轶w積問(wèn)題：
解決方案，
使用官方提供的render函數(shù)。他能夠通過(guò)h函數(shù)去調(diào)用引入的vue-template-compile，也就是第九行代碼↓相當(dāng)于第十一行和第十二行加上loader模板解析器。
總結(jié)：
本篇文章就到這里了，希望能給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！
相關(guān)文章
這篇文章主要介紹了go.js的基本使用方法,結(jié)合實(shí)例形式詳細(xì)分析了go.js基本功能、原理及vue中使用方法,需要的朋友可以參考下2023-06-06
表單驗(yàn)證在很多地方都可以用到，本文詳細(xì)的介紹了javascript表單是否為空驗(yàn)證方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
一覽畫(huà)面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法
這篇文章主要介紹了在一覽畫(huà)面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法，前臺(tái)采用js技術(shù)后臺(tái)采用java技術(shù)實(shí)現(xiàn)的，邏輯清晰，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-05-05
Javascript實(shí)現(xiàn)鼠標(biāo)框選操作 不是點(diǎn)擊選取
這篇文章主要介紹了Javascript實(shí)現(xiàn)鼠標(biāo)框選操作,不是點(diǎn)擊選取,利用鼠標(biāo)進(jìn)行框選，感興趣的小伙伴們可以參考一下2016-04-04
動(dòng)態(tài)創(chuàng)建樣式表在各瀏覽器中的差異測(cè)試代碼
對(duì)于標(biāo)準(zhǔn)瀏覽器，直接使用css.innerHTML也可以修改HTMLStyleElement的css規(guī)則2011-09-09
本篇文章通過(guò)js和css結(jié)合實(shí)現(xiàn)簡(jiǎn)單的吞噬效果，代碼簡(jiǎn)單易懂，需要的朋友可以參考下本文2015-09-09
JavaScript數(shù)組去重實(shí)現(xiàn)方法小結(jié)
這篇文章主要介紹了JavaScript數(shù)組去重實(shí)現(xiàn)方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript數(shù)組去重ES3、ES5及ES6常見(jiàn)實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-01-01
js過(guò)濾HTML標(biāo)簽完整實(shí)例
這篇文章主要介紹了js過(guò)濾HTML標(biāo)簽實(shí)現(xiàn)方法,以完整實(shí)例形式分析了JavaScript使用正則表達(dá)式過(guò)濾HTML標(biāo)簽的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)下拉菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
在本篇文章里我們給大家分享了微信小程序中組件通訊的相關(guān)知識(shí)點(diǎn)以及相關(guān)實(shí)例代碼，有興趣的朋友們學(xué)習(xí)分享下。2018-10-10