組件的命名需遵從以下原則： * 有意義的: 不過于具體，也不過于抽象 * 簡短: 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> <!-- 與自定義元素規范不兼容 --> ```