样式指南

样式指南

component文件名

单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。

components/

|- MyComponent.vue

components/

|- my-component.vue

组件库样式策略「Mint-UI」

组件样式使用基于 class 的策略

不管怎样，对于组件库，我们应该更倾向于选用基于 class 的策略而不是 scoped 特性。

设置作用域也可以通过 CSS Modules，那是一个基于 class 的类似 BEM 的策略，当然你也可以使用其它的库或约定

props

在声明 prop 的时候，其命名应该始终使用 camelCase，而在模板和 JSX 中应该始终使用 kebab-case。

mixin中使用私有属性名

在插件、混入等扩展中始终为自定义的私有属性使用 $_ 前缀。并附带一个命名空间以回避和其它作者的冲突 (比如 $yourPluginName)。

更新: 2019-01-23 18:41:38
原文: https://www.yuque.com/u3641/dxlfpu/zkhn9y