组件名命名方式。为什么有点用_短横线有的是大小写？

定义组件名的方式有两种：

1.短横线分隔命名<my-component-name>

引入的时候

components: {
    'my-component-name':resolve=>{ require(["@/components/classes/my-component-name"].resolve)}
  },

页面写法<My-Component-Name></My-Component-Name>

 

2.首字母大写命名<MyComponentName>

引入的时候

components: {
    'MyComponentName':resolve=>{ require(["@/components/classes/my-component-name"].resolve)}
  },

页面写法：<MyComponentName></MyComponentName>或者是<My-Component-Name></My-Component-Name>

 

一般的命名的时候是什么页面上写的标签就用什么。但是如果你用首字母大写命名的方式命名引用的，页面上用首字母大写命名或者短横线的方式都可以的。但是短横线引入的时候只能用短横线。