[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 ``` javascript
import { Cell, CellGroup } from 'vant'; import { Cell, CellGroup } from 'vant';
Vue.use(Cell); Vue.use(Cell).use(CellGroup);
Vue.use(CellGroup);
``` ```
### Usage ### Usage

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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