### 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 其他