vue2.x的深入學習--關于h函數(shù)的說明
vue項目中。寫在.vue文件的template里的代碼需要借助webpack的模板解析器插件才能解析。單個.html文件引入vue文件時,該vue文件順便把模板解析器引入進來了(缺點是體積大)。
所以我們使用工程化開發(fā)項目時候,需要在package.json文件引入vue-template-compile,用于進行模板解析
如果沒有模板解析器,就解析不了,但是vue-template-compile只能解析.vue文件里的模板,沒辦法解析.js文件里的模板:
所以當我們這么寫的時候會解析不了
為什么解析不了?因為main.js文件引入的vue文件沒有帶模板解析器
vue.runtime.common.js是不帶模板解析器的.vue文件,vue.js是帶模板解析器的vue文件
如果我們在main.js引入帶有模板解析器的vue.js文件,則可以解析template
為什么默認引入的是不帶模板解析器的vue.js文件?
因為體積問題:
解決方案,
使用官方提供的render函數(shù)。他能夠通過h函數(shù)去調用引入的vue-template-compile,也就是第九行代碼↓相當于第十一行和第十二行加上loader模板解析器。
總結:
本篇文章就到這里了,希望能給你帶來幫助,也希望您能夠多多關注腳本之家的更多內容!
相關文章
手寫Spirit防抖函數(shù)underscore和節(jié)流函數(shù)lodash
這篇文章主要介紹了手寫Spirit防抖函數(shù)underscore和節(jié)流函數(shù)lodash,接下來將會帶你們了解下這兩者的區(qū)別,以及我們該如何手寫實現(xiàn)這兩個函數(shù)2022-03-03一些常用的JS功能函數(shù)(2009-06-04更新)
將 ClientMentInfo類改成了兼容IE6,IE7,IE8,Vista,Windows 7和Firefox2009-06-06