# 组件规范

### 目录
一个组件一个目录，所有组件都写在src/components目录下，目录的名称为组件名称，全小写，每个单词间以 - 分隔

### 命名
所有组件的名称以Fu做前缀，避免与第三方库冲突

### 入口
每个组件的入口文件为index.js，如果需要提供子组件，在index.js中添加，例如：
```javascript
import FuSearchBar from "./FuSearchBar";
import FuQuickSearch from "./FuQuickSearch";
import FuComplexComponents from "./complex-components";

FuSearchBar.install = function (Vue) {
  Vue.component(FuSearchBar.name, FuSearchBar);
  Vue.component(FuQuickSearch.name, FuQuickSearch);
  Vue.use(FuComplexComponents);
};

export default FuSearchBar;

```

### 样式
每个组件的样式在styles/components/下面创建单独一个scss文件，scss文件名称为组件名称，全小写，每个单词间以 - 分隔

### 文档
每个组件必须有对应的使用文档，包括示例和说明