因為html特性中 元素的 prop是不區分大小寫的 所以不管html中怎么大寫小寫變化,下面的組件的prop應該寫成小寫 Vue中有這樣一種設定: props中如果使用為kebab-case命名方式 組件可以使用camelCase命名時(當然也可以使用它本來對應 ...
在vue官網上有這樣的一句話: camelCase vs. kebab caseHTML 屬性是不區分大小寫的。所以,當使用的不是字符串模版,camelCased 駝峰式 命名的 prop 需要轉換為相對應的 kebab case 短橫線隔開式 命名: 如果你使用字符串模版,則沒有這些限制。 重點在這里: html特性不區分大小寫: 組件中使用camelCased 駝峰式 命名,在html中應改 ...
2021-10-25 15:31 0 1032 推薦指數:
因為html特性中 元素的 prop是不區分大小寫的 所以不管html中怎么大寫小寫變化,下面的組件的prop應該寫成小寫 Vue中有這樣一種設定: props中如果使用為kebab-case命名方式 組件可以使用camelCase命名時(當然也可以使用它本來對應 ...
vue官方解釋,props使用駝峰命名的話,在html中使用時也需要轉化成短橫線命名,否則報錯。個人比較喜歡上下文統一,直接在props命名時就把它命名成短橫線隔開式吧。 ...
, 那么在使用時需要轉換成短橫線分隔命名 2.傳遞數據時使用駝峰名稱 如果父組件 ...
參考鏈接:https://www.jianshu.com/p/f12872fc7bfb ...
駝峰命名:getElementById 短橫線命名:get-element-by-id 1、將駱駝命名規則的字符串轉換成使用短橫線命名法的字符串, 並且全小寫 .例如:'getElementById'=>'get-element-by-id' 正則表達式: 采用數組 ...
定義組件名的方式有兩種: 1.使用 kebab-case 當使用 kebab-case (短橫線分隔命名) 定義一個組件時,你也必須在引用這個自定義元素時使用 kebab-case,例如 <my-component-name>。 2.使用 PascalCase ...
轉自:https://blog.csdn.net/weixin_44198965/article/details/99607987 前言 最近使用 vue 組件時,名稱使用了駝峰命名之后,組件寫在 html 代碼段中卻拋出錯誤。 HTML: <div id="app"> < ...