## 一、概述 在注冊一個組件的時候，我們始終需要給它一個名字。 ``` Vue.component('my-component-name', { /* ... */ }) ``` 該組件名就是Vue.component的第一個參數。 ## 二、命名方式 定義組件名的方式有兩種： 1、使用 kebab-case ``` Vue.component('my-component-name', { /* ... */ }) ``` 當使用 kebab-case (短橫線分隔命名) 定義一個組件時，你也必須在引用這個自定義元素時使用 kebab-case，例如`<my-component-name>`。 2、使用 PascalCase ``` Vue.component('MyComponentName', { /* ... */ }) ``` 當使用 PascalCase (首字母大寫命名) 定義一個組件時，你在引用這個自定義元素時兩種命名法都可以使用。也就是說`<my-component-name>` 和 `<MyComponentName> `都是可接受的。注意，盡管如此，直接在 DOM (即非字符串的模板) 中使用時只有 kebab-case 是有效的。