vue組件命名約定

哈哈，被Vue官方說明書繞暈了，有沒有人能幫忙解釋一下

組件命名約定
當注冊組件 (或者 prop) 時，可以使用 kebab-case (短橫線分隔命名)、camelCase (駝峰式命名) 或 PascalCase (單詞首字母大寫命名)。

// 在組件定義中
components: {
  // 使用 kebab-case 注冊
  'kebab-cased-component': { /* ... */ },
  // 使用 camelCase 注冊
  'camelCasedComponent': { /* ... */ },
  // 使用 PascalCase 注冊
  'PascalCasedComponent': { /* ... */ }
}

在 HTML 模板中，請使用 kebab-case：

<!-- 在 HTML 模板中始終使用 kebab-case -->
<kebab-cased-component></kebab-cased-component>
<camel-cased-component></camel-cased-component>
<pascal-cased-component></pascal-cased-component>

當使用字符串模式時，可以不受 HTML 大小寫不敏感的限制。這意味實際上在模板中，你可以使用下面的方式來引用你的組件：

• kebab-case
• camelCase 或 kebab-case (如果組件已經(jīng)被定義為 camelCase)
• kebab-case、camelCase 或 PascalCase (如果組件已經(jīng)被定義為 PascalCase)

components: {
  'kebab-cased-component': { /* ... */ },
  camelCasedComponent: { /* ... */ },
  PascalCasedComponent: { /* ... */ }
}

<kebab-cased-component></kebab-cased-component>

<camel-cased-component></camel-cased-component>
<camelCasedComponent></camelCasedComponent>

<pascal-cased-component></pascal-cased-component>
<pascalCasedComponent></pascalCasedComponent>
<PascalCasedComponent></PascalCasedComponent>

這意味著 PascalCase 是最通用的聲明約定而 kebab-case 是最通用的使用約定。

以上都是官方文檔所述，因為HTML不區(qū)分大小寫，所以不管是用Kebab-case還是camelCase命名的組件在寫入HTML后都要改寫為Kebab-case格式這我能懂，

關(guān)鍵是后面（在“當使用字符串模式時，可以不受 HTML 大小寫不敏感的限制。這意味實際上在模板中，你可以使用下面的方式來引用你的組件：”之后）怎么莫名其妙地地又允許在HTML中寫入除了Kebab-case以外的其他格式。

請Vue老手們幫幫忙。