定义组件名的方式有两种：
使用 kebab-case
Vue.component(‘my-component-name‘, { /* ... */ })
使用 PascalCase
Vue.component(‘MyComponentName‘, { /* ... */ })
- 当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。
也就是说<my-component-name>和<MyComponentName>都是可接受的。
注意，尽管如此，直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。