欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue2.x的深入學習--關于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文件里的模板:

所以當我們這么寫的時候會解析不了

在這里插入圖片描述

在這里插入圖片描述

為什么解析不了?因為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模板解析器。

在這里插入圖片描述

總結:

在這里插入圖片描述

本篇文章就到這里了,希望能給你帶來幫助,也希望您能夠多多關注腳本之家的更多內容!

相關文章

最新評論