vue 中命名規范

1，組件名

　　官方推薦的組件名是 每個單詞首字母大寫（PascalCase） 或者 全小寫用 - 連接（kebab-case） 。 在DOM中使用的時候， 改為全小寫， 單詞之間用 - 連接。

　　

Vue.component('MyComponent', {})；    或者      Vue.component('my-component', {});
import MyComponent from 'MyComponent.vue';
export default {
    name: 'MyComponent'
}

在DOM中使用的時候，  <my-component></my-component>

 

2，props

　　聲明 prop的時候， 使用駝峰命名（myProps）， 模板中使用的時候， 用 - 連接（my-props）

props: {
    myProps: {}
}

<my-component :my-props="abc"></my-component>

 

3，自定義事件名

　　因為html對大小寫不敏感，所以大寫的都會被轉為小寫的。 所以推薦 都用 -連接來命名。

this.$emit（'my-event'）;

<my-component @my-event="abc"></my-component>

 https://www.cnblogs.com/wjyz/p/10874831.html