Vue组件注册命名规则

关于Vue组件注册引用的经验,避免以后记不住就写一下.

1.组件注册命名

  定义组件时的命名规则有两种
      a.驼峰命名: MyComponentsName 
      b.短横线分隔命名:my-components-name

2.驼峰命名的使用

    注册:
	      import MyComponentsName from '../xxx/xxx.vue';
	      components: {MyComponentsName} //局部注册
    ---------------------------------
    使用:
	    <MyComponentsName></MyComponentsName>  //错误
	    <my-components-name></my-components-name> //正确
    --------------------------------
    注意:
    在我们注册时可以用驼峰,但是我们在使用时还是需要短横线的方法;

3.短横线命名的使用

    注册:
	      import my-components-name from '../xxx/xxx.vue';
	      components: {my-components-name} //局部注册
    ---------------------------------
    使用:
	     <my-components-name></my-components-name> //正确
	   
	     my-components-name> //正确