## 快速上手 ### 引入cview-ui 一般在 webpack 入口頁面`main.js`中如下配置： ```javascript import Vue from 'vue' import cview from 'cview-ui' Vue.use(cview) ``` ### 按需引用 >[info] 借助插件[babel-plugin-import](https://github.com/ant-design/babel-plugin-import)可以實現按需加載組件，減少文件體積。首先安裝，并在文件`.babelrc`中配置： ``` npm install babel-plugin-import --save-dev ``` ```javascript // .babelrc { "plugins": [ ["import", { "libraryName": "cview-ui", "libraryDirectory": "src/components" } ] ] } ``` 然后這樣按需引入組件，就可以減小體積了： ```javascript import { Button, Table, Divider, Col, Row, ButtonGroup } from 'cview-ui' Vue.component('CvuButton', Button); Vue.component('CvuDivider', Divider); Vue.component('CvuCol', Col); Vue.component('CvuRow', Row); Vue.component('CvuButtonGroup', ButtonGroup); Vue.component('CvuTable', Table); ``` ### 使用 按鈕 ```html <cvu-button round></cvu-button> ``` 抽屜 ```html <cvu-drawer ref="modal" :title="" :show="" :placement="" :width="" :hide-close="" @on-close="" @on-visible="" > <div>內容</div> </cvu-drawer> ```