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
|
``` javascript
|
||||||
import { Cell, CellGroup } from 'vant';
|
import { Cell, CellGroup } from 'vant';
|
||||||
|
|
||||||
Vue.use(Cell);
|
Vue.use(Cell).use(CellGroup);
|
||||||
Vue.use(CellGroup);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### Usage
|
### Usage
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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);
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
@ -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({
|
||||||
|
@ -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();
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user