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