定義組件名的方式有兩種:
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 中的就是非字符串模板。