[Doc] update Vue.use usage

This commit is contained in:
陈嘉涵 2018-02-02 14:55:37 +08:00
parent 1b85c09a75
commit e3e8b80744
24 changed files with 42 additions and 56 deletions

View File

@ -4,8 +4,7 @@
``` javascript
import { Cell, CellGroup } from 'vant';
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Cell).use(CellGroup);
```
### Usage

View File

@ -4,8 +4,7 @@
``` javascript
import { Checkbox, CheckboxGroup } from 'vant';
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Checkbox).use(CheckboxGroup);
```
### Usage

View File

@ -4,9 +4,10 @@
``` javascript
import { ContactCard, ContactList, ContactEdit } from 'vant';
Vue.use(ContactCard);
Vue.use(ContactList);
Vue.use(ContactEdit);
Vue
.use(ContactCard)
.use(ContactList)
.use(ContactEdit);
```
### Usage

View File

@ -4,8 +4,7 @@
``` javascript
import { CouponCell, CouponList } from 'vant';
Vue.use(CouponCell);
Vue.use(CouponList);
Vue.use(CouponCell).use(CouponList);
```
### Usage

View File

@ -8,9 +8,10 @@ import {
GoodsActionMiniBtn
} from 'vant';
Vue.use(GoodsAction);
Vue.use(GoodsActionBigBtn);
Vue.use(GoodsActionMiniBtn);
Vue
.use(GoodsAction)
.use(GoodsActionBigBtn)
.use(GoodsActionMiniBtn);
```
### Usage

View File

@ -6,8 +6,7 @@ Quickly and easily create layouts with `van-row` and `van-col`
``` javascript
import { Row, Col } from 'vant';
Vue.use(Row);
Vue.use(Col);
Vue.use(Row).use(Col);
```
### Usage

View File

@ -5,8 +5,7 @@ The PasswordInput component is usually used with [NumberKeyboard](#/en-US/compon
``` javascript
import { PasswordInput, NumberKeyboard } from 'vant';
Vue.use(PasswordInput);
Vue.use(NumberKeyboard);
Vue.use(PasswordInput).use(NumberKeyboard);
```
### Usage

View File

@ -4,8 +4,7 @@
``` javascript
import { Step, Steps } from 'vant';
Vue.use(Step);
Vue.use(Steps);
Vue.use(Step).use(Steps);
```
### Usage

View File

@ -4,8 +4,7 @@
``` javascript
import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Swipe).use(SwipeItem);
```
### Usage

View File

@ -4,8 +4,7 @@
``` javascript
import { Tab, Tabs } from 'vant';
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Tab).use(Tabs);
```
### Usage

View File

@ -4,8 +4,7 @@
``` javascript
import { Tabbar, TabbarItem } from 'vant';
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Tabbar).use(TabbarItem);
```
### Usage

View File

@ -4,8 +4,7 @@
``` javascript
import { Cell, CellGroup } from 'vant';
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Cell).use(CellGroup);
```
### 代码演示

View File

@ -4,8 +4,7 @@
``` javascript
import { Checkbox, CheckboxGroup } from 'vant';
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Checkbox).use(CheckboxGroup);
```
### 代码演示

View File

@ -5,9 +5,10 @@
``` javascript
import { ContactCard, ContactList, ContactEdit } from 'vant';
Vue.use(ContactCard);
Vue.use(ContactList);
Vue.use(ContactEdit);
Vue
.use(ContactCard)
.use(ContactList)
.use(ContactEdit);
```
### 代码演示

View File

@ -4,8 +4,7 @@
``` javascript
import { CouponCell, CouponList } from 'vant';
Vue.use(CouponCell);
Vue.use(CouponList);
Vue.use(CouponCell).use(CouponList);
```
### 代码演示

View File

@ -8,9 +8,10 @@ import {
GoodsActionMiniBtn
} from 'vant';
Vue.use(GoodsAction);
Vue.use(GoodsActionBigBtn);
Vue.use(GoodsActionMiniBtn);
Vue
.use(GoodsAction)
.use(GoodsActionBigBtn)
.use(GoodsActionMiniBtn);
```
### 代码演示

View File

@ -6,8 +6,7 @@
``` javascript
import { Row, Col } from 'vant';
Vue.use(Row);
Vue.use(Col);
Vue.use(Row).use(Col);
```
### 代码演示

View File

@ -5,8 +5,7 @@
``` javascript
import { PasswordInput, NumberKeyboard } from 'vant';
Vue.use(PasswordInput);
Vue.use(NumberKeyboard);
Vue.use(PasswordInput).use(NumberKeyboard);
```
### 代码演示

View File

@ -4,8 +4,7 @@
``` javascript
import { Step, Steps } from 'vant';
Vue.use(Step);
Vue.use(Steps);
Vue.use(Step).use(Steps);
```
### 代码演示

View File

@ -4,8 +4,7 @@
``` javascript
import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Swipe).use(SwipeItem);
```
### 代码演示

View File

@ -4,8 +4,7 @@
``` javascript
import { Tab, Tabs } from 'vant';
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Tab).use(Tabs);
```
### 代码演示

View File

@ -4,8 +4,7 @@
``` javascript
import { Tabbar, TabbarItem } from 'vant';
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Tabbar).use(TabbarItem);
```
### 代码演示

View File

@ -9,12 +9,13 @@ import 'packages/vant-css/src/icon-local.css';
import 'vant-doc/src/helper/touch-simulator';
import './components/nprogress.css';
Vue.use(Vant);
Vue.use(VantDoc);
Vue.use(Lazyload, {
lazyComponent: true
});
Vue.use(VueRouter);
Vue
.use(Vant)
.use(VantDoc)
.use(VueRouter)
.use(Lazyload, {
lazyComponent: true
});
const routesConfig = routes(true);
const router = new VueRouter({

View File

@ -6,8 +6,7 @@ import VantDoc from 'vant-doc';
import isMobile from './utils/is-mobile';
import './components/nprogress.css';
Vue.use(VueRouter);
Vue.use(VantDoc);
Vue.use(VueRouter).use(VantDoc);
const routesConfig = routes();