add fully import doc
parent
c1811d73db
commit
5974c09824
|
@ -36,7 +36,23 @@ $ vue init webpack antd-demo
|
||||||
```bash
|
```bash
|
||||||
$ npm i --save vue-antd-ui
|
$ npm i --save vue-antd-ui
|
||||||
```
|
```
|
||||||
|
**Fully import**
|
||||||
|
```jsx
|
||||||
|
import Vue from 'vue'
|
||||||
|
import Antd from 'vue-antd-ui'
|
||||||
|
import App from './App'
|
||||||
|
Vue.config.productionTip = false
|
||||||
|
|
||||||
|
Vue.use(Antd)
|
||||||
|
|
||||||
|
/* eslint-disable no-new */
|
||||||
|
new Vue({
|
||||||
|
el: '#app',
|
||||||
|
components: { App },
|
||||||
|
template: '<App/>'
|
||||||
|
})
|
||||||
|
```
|
||||||
|
The above imports Antd entirely. Note that CSS file needs to be imported separately.
|
||||||
|
|
||||||
**Only import the components you need**
|
**Only import the components you need**
|
||||||
```jsx
|
```jsx
|
||||||
|
|
|
@ -38,8 +38,27 @@ $ vue init webpack antd-demo
|
||||||
$ npm i --save vue-antd-ui
|
$ npm i --save vue-antd-ui
|
||||||
```
|
```
|
||||||
|
|
||||||
|
**完整引入**
|
||||||
|
|
||||||
|
```jsx
|
||||||
|
import Vue from 'vue'
|
||||||
|
import Antd from 'vue-antd-ui'
|
||||||
|
import App from './App'
|
||||||
|
Vue.config.productionTip = false
|
||||||
|
|
||||||
|
Vue.use(Antd)
|
||||||
|
|
||||||
|
/* eslint-disable no-new */
|
||||||
|
new Vue({
|
||||||
|
el: '#app',
|
||||||
|
components: { App },
|
||||||
|
template: '<App/>'
|
||||||
|
})
|
||||||
|
```
|
||||||
|
以上代码便完成了 Antd 的引入。需要注意的是,样式文件需要单独引入。
|
||||||
|
|
||||||
**局部导入组件**
|
**局部导入组件**
|
||||||
|
|
||||||
```jsx
|
```jsx
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import { Button, message } from 'vue-antd-ui'
|
import { Button, message } from 'vue-antd-ui'
|
||||||
|
|
Loading…
Reference in New Issue