在vue的中文官網(wǎng)有這樣的說明：HTML 中的特性名是大小寫不敏感的，所以瀏覽器會(huì)把所有大寫字符解釋為小寫字符。這意味著當(dāng)你使用 DOM 中的模板時(shí)，camelCase (駝峰命名法) 的 prop 名需要使用其等價(jià)的 kebab-case (短橫線分隔命名) 命名。

創(chuàng)新互聯(lián)建站公司2013年成立，先為貞豐等服務(wù)建站，貞豐等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為貞豐企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

重申一次，如果你使用字符串模板，那么這個(gè)限制就不存在了。

以以下代碼為例：

1、當(dāng)組件中template及props等使用駝峰式命名，在html中對應(yīng)的改成短橫線命名方式。

2、當(dāng)組件中template及props等使用字符串模板，在html中改成對應(yīng)的小寫。

源碼說明：

在Vue的源碼中創(chuàng)建Vue組件的時(shí)候createComponent()，解析組件的相關(guān)屬性

// extract props
var propsData = extractPropsFromVNodeData(data, Ctor, tag);

而，在extractPropsFromVNodeData()中，Vue通過調(diào)用內(nèi)部方法hyphenate，把駝峰形式的屬性轉(zhuǎn)換為橫斷線形式。

除此之外，Vue在initProps()，validateProp()時(shí)，都將駝峰形式的屬性轉(zhuǎn)換為橫斷線形式。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。