vue2.x的深入學(xué)習(xí)--關(guān)于h函數(shù)的說明
vue項(xiàng)目中。寫在.vue文件的template里的代碼需要借助webpack的模板解析器插件才能解析。單個.html文件引入vue文件時,該vue文件順便把模板解析器引入進(jìn)來了(缺點(diǎn)是體積大)。
所以我們使用工程化開發(fā)項(xiàng)目時候,需要在package.json文件引入vue-template-compile,用于進(jìn)行模板解析
如果沒有模板解析器,就解析不了,但是vue-template-compile只能解析.vue文件里的模板,沒辦法解析.js文件里的模板:
所以當(dāng)我們這么寫的時候會解析不了
為什么解析不了?因?yàn)閙ain.js文件引入的vue文件沒有帶模板解析器
vue.runtime.common.js是不帶模板解析器的.vue文件,vue.js是帶模板解析器的vue文件
如果我們在main.js引入帶有模板解析器的vue.js文件,則可以解析template
為什么默認(rèn)引入的是不帶模板解析器的vue.js文件?
因?yàn)轶w積問題:
解決方案,
使用官方提供的render函數(shù)。他能夠通過h函數(shù)去調(diào)用引入的vue-template-compile,也就是第九行代碼↓相當(dāng)于第十一行和第十二行加上loader模板解析器。
總結(jié):
本篇文章就到這里了,希望能給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
手寫Spirit防抖函數(shù)underscore和節(jié)流函數(shù)lodash
這篇文章主要介紹了手寫Spirit防抖函數(shù)underscore和節(jié)流函數(shù)lodash,接下來將會帶你們了解下這兩者的區(qū)別,以及我們該如何手寫實(shí)現(xiàn)這兩個函數(shù)2022-03-03關(guān)于arguments,callee,caller等的測試
關(guān)于arguments,callee,caller等的測試...2006-12-12JS中將多個逗號替換為一個逗號的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS中將多個逗號替換為一個逗號的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-06-06JavaScript簡單表格編輯功能實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript簡單表格編輯功能實(shí)現(xiàn)方法,涉及javascript操作表格的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04JS實(shí)現(xiàn)向iframe中表單傳值的方法
這篇文章主要介紹了JS實(shí)現(xiàn)向iframe中表單傳值的方法,涉及js針對頁面元素及表單屬性操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03一些常用的JS功能函數(shù)(2009-06-04更新)
將 ClientMentInfo類改成了兼容IE6,IE7,IE8,Vista,Windows 7和Firefox2009-06-06