定義組件名的方式有兩種：
1.使用 kebab-case(短橫線分隔命名)
當使用 kebab-case (短橫線分隔命名) 定義一個組件時，你也必須在引用這個自定義元素時使用 kebab-case，例如 <my-component-name>。
2.使用 PascalCase (首字母大寫命名)
當使用 PascalCase (首字母大寫命名) 定義一個組件時，你在引用這個自定義元素時兩種命名法都可以使用。也就是說 <my-component-name> 和 <MyComponentName> 都是可接受的。注意，盡管如此，直接在 DOM (即非字符串的模板) 中使用時只有 kebab-case 是有效的。
字符串模板：指的是在組件選項里用 template:"" 指定的模板，換句話說，寫在 js 中的 template:"" 中的就是字符串模板。比如下面這個：
var tmp = new Vue({ template:"<myComponent></myComponent>"
非字符串模板：在單文件里用 <template></template> 指定的模板，換句話說，寫在 html 中的就是非字符串模板。