组件的命名需遵从以下原则： * 有意义的: 不过于具体，也不过于抽象 * 简短: 2 到 3 个单词 * 具有可读性: 以便于沟通交流 同时还需要注意： * 必须符合自定义元素规范: [使用连字符](https://www.w3.org/TR/custom-elements/#concepts)分隔单词，切勿使用保留字。 * `app-` 前缀作为命名空间: 如果非常通用的话可使用一个单词来命名，这样可以方便于其它项目里复用。 ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#为什么)为什么？ * 组件是通过组件名来调用的。所以组件名必须简短、富有含义并且具有可读性。 ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#如何做)如何做？ ```text-html-basic <!-- 推荐 --> <app-header></app-header> <user-list></user-list> <range-slider></range-slider> <!-- 避免 --> <btn-group></btn-group> <!-- 虽然简短但是可读性差. 使用 `button-group` 替代 --> <ui-slider></ui-slider> <!-- ui 前缀太过于宽泛，在这里意义不明确 --> <slider></slider> <!-- 与自定义元素规范不兼容 --> ```