Vue的組件名大小寫


定義組件名的方式有兩種:

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 中的就是非字符串模板。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM