mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[Doc] update Vue.use usage
This commit is contained in:
parent
1b85c09a75
commit
e3e8b80744
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Cell, CellGroup } from 'vant';
|
||||
|
||||
Vue.use(Cell);
|
||||
Vue.use(CellGroup);
|
||||
Vue.use(Cell).use(CellGroup);
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Checkbox, CheckboxGroup } from 'vant';
|
||||
|
||||
Vue.use(Checkbox);
|
||||
Vue.use(CheckboxGroup);
|
||||
Vue.use(Checkbox).use(CheckboxGroup);
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
@ -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
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { CouponCell, CouponList } from 'vant';
|
||||
|
||||
Vue.use(CouponCell);
|
||||
Vue.use(CouponList);
|
||||
Vue.use(CouponCell).use(CouponList);
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
@ -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
|
||||
|
@ -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
|
||||
|
@ -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
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Step, Steps } from 'vant';
|
||||
|
||||
Vue.use(Step);
|
||||
Vue.use(Steps);
|
||||
Vue.use(Step).use(Steps);
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Swipe, SwipeItem } from 'vant';
|
||||
|
||||
Vue.use(Swipe);
|
||||
Vue.use(SwipeItem);
|
||||
Vue.use(Swipe).use(SwipeItem);
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Tab, Tabs } from 'vant';
|
||||
|
||||
Vue.use(Tab);
|
||||
Vue.use(Tabs);
|
||||
Vue.use(Tab).use(Tabs);
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Tabbar, TabbarItem } from 'vant';
|
||||
|
||||
Vue.use(Tabbar);
|
||||
Vue.use(TabbarItem);
|
||||
Vue.use(Tabbar).use(TabbarItem);
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Cell, CellGroup } from 'vant';
|
||||
|
||||
Vue.use(Cell);
|
||||
Vue.use(CellGroup);
|
||||
Vue.use(Cell).use(CellGroup);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Checkbox, CheckboxGroup } from 'vant';
|
||||
|
||||
Vue.use(Checkbox);
|
||||
Vue.use(CheckboxGroup);
|
||||
Vue.use(Checkbox).use(CheckboxGroup);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -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);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { CouponCell, CouponList } from 'vant';
|
||||
|
||||
Vue.use(CouponCell);
|
||||
Vue.use(CouponList);
|
||||
Vue.use(CouponCell).use(CouponList);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -8,9 +8,10 @@ import {
|
||||
GoodsActionMiniBtn
|
||||
} from 'vant';
|
||||
|
||||
Vue.use(GoodsAction);
|
||||
Vue.use(GoodsActionBigBtn);
|
||||
Vue.use(GoodsActionMiniBtn);
|
||||
Vue
|
||||
.use(GoodsAction)
|
||||
.use(GoodsActionBigBtn)
|
||||
.use(GoodsActionMiniBtn);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -6,8 +6,7 @@
|
||||
``` javascript
|
||||
import { Row, Col } from 'vant';
|
||||
|
||||
Vue.use(Row);
|
||||
Vue.use(Col);
|
||||
Vue.use(Row).use(Col);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -5,8 +5,7 @@
|
||||
``` javascript
|
||||
import { PasswordInput, NumberKeyboard } from 'vant';
|
||||
|
||||
Vue.use(PasswordInput);
|
||||
Vue.use(NumberKeyboard);
|
||||
Vue.use(PasswordInput).use(NumberKeyboard);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Step, Steps } from 'vant';
|
||||
|
||||
Vue.use(Step);
|
||||
Vue.use(Steps);
|
||||
Vue.use(Step).use(Steps);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Swipe, SwipeItem } from 'vant';
|
||||
|
||||
Vue.use(Swipe);
|
||||
Vue.use(SwipeItem);
|
||||
Vue.use(Swipe).use(SwipeItem);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Tab, Tabs } from 'vant';
|
||||
|
||||
Vue.use(Tab);
|
||||
Vue.use(Tabs);
|
||||
Vue.use(Tab).use(Tabs);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -4,8 +4,7 @@
|
||||
``` javascript
|
||||
import { Tabbar, TabbarItem } from 'vant';
|
||||
|
||||
Vue.use(Tabbar);
|
||||
Vue.use(TabbarItem);
|
||||
Vue.use(Tabbar).use(TabbarItem);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
@ -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({
|
||||
|
@ -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();
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user