### 1 饿了么组件ui
[饿了么ui](https://element.eleme.cn/#/zh-CN)
```
安装组件库
npm i element-ui -S
导入库
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
使用库
Vue.use(ElementUI);
```
### 2 iview组件ui
[iviewUI](https://www.iviewui.com/)
```
安装iview库
npm install view-design --save
导入库
import ViewUI from 'view-design';
import 'view-design/dist/styles/iview.css';
使用库
Vue.use(ViewUI);
典型布局
<Layout>
<Header>Header</Header>
<Content>Content</Content>
<Footer>Footer</Footer>
</Layout>
使用按钮组件
<Button>Default</Button>
<Button type="primary">Primary</Button>
<Button type="dashed">Dashed</Button>
<Button type="text">Text</Button>
<Button type="info">Info</Button>
<Button type="success">Success</Button>
<Button type="warning">Warning</Button>
<Button type="error">Error</Button>
```
### 3 其他