Vue.js 複習:component 命名
我們在Vue使用組件,一般都是用Vue.component( )來寫Vue.component( )的第一個參數是組建名稱,第二個參數是物件,裡頭會有data、template、methods...etc
Vue.component("組件名稱", {
<u>//....</u>
}
組件名稱基本上會有三種命名方式 1.kebab-case 串燒式命名法 各單字之間用「-」隔開
2.camelCase 駝峰式命名法 首個單字小寫,後面各單字開頭大寫
3.PascalCase 帕斯卡命名法 首個單字大寫,後面各單字開頭也大寫
Vue組件可以使用以上三種方式命名,但要注意的是,轉換成組件標籤後,一律是kebab-case 串燒式命名法 例如:
//kebab-case 串燒式命名法
Vue.component("