vue组件命名规范-分享

一个组件在封装和使用的时候的命名规范–回顾

1.vue2.0版本文档介绍的以下2种组件命名方式：

第一种：使用 kebab-case（推荐使用这种，遵循 W3C 规范中的自定义组件名：字母全小写且必须包含一个连字符）

Vue.component('my-component-name', { /* ... */ })
           

第一个参数 my-component-name就是当前组件的名字，是我们自己定义的名字。

当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如 。

第二种：使用 PascalCase

Vue.component('MyComponentName', { /* ... */ })
           

当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。

注意，尽管如此，直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。

分享地址来源：vue.js 官网https://cn.vuejs.org/v2/guide/components-registration.html