[Doc] update install guide (#4083)

docs/markdown/quickstart.en-US.md

@@ -105,8 +105,8 @@ Vue.use(Vant);
 var Vue = window.Vue;
 var vant = window.vant;
 
-// Register components
+// Register Lazyload component
-Vue.use(vant);
+Vue.use(vant.Lazyload);
 
 // Call function components
 vant.Toast('message');

docs/markdown/quickstart.zh-CN.md

@@ -120,8 +120,8 @@ Vue.use(Vant);
 var Vue = window.Vue;
 var vant = window.vant;
 
-// 注册组件
+// 注册 Lazyload 组件
-Vue.use(vant);
+Vue.use(vant.Lazyload);
 
 // 调用函数式组件
 vant.Toast('提示');

src/action-sheet/README.md

@@ -1,7 +1,9 @@
 # ActionSheet
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { ActionSheet } from 'vant';
 
 Vue.use(ActionSheet);

src/action-sheet/README.zh-CN.md

@@ -1,7 +1,9 @@
 # ActionSheet 上拉菜单
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { ActionSheet } from 'vant';
 
 Vue.use(ActionSheet);

src/address-edit/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { AddressEdit } from 'vant';
 
 Vue.use(AddressEdit);

src/address-edit/README.zh-CN.md

@@ -1,7 +1,9 @@
 # AddressEdit 地址编辑
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { AddressEdit } from 'vant';
 
 Vue.use(AddressEdit);

src/address-list/README.md

@@ -1,7 +1,9 @@
 # AddressList
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { AddressList } from 'vant';
 
 Vue.use(AddressList);

src/address-list/README.zh-CN.md

@@ -1,7 +1,9 @@
 # AddressList 地址列表
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { AddressList } from 'vant';
 
 Vue.use(AddressList);

src/area/README.md

@@ -7,6 +7,7 @@ The Picker component is usually used with [Popup](#/en-US/popup) Component.
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Area } from 'vant';
 
 Vue.use(Area);

src/area/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ```javascript
+import Vue from 'vue';
 import { Area } from 'vant';
 
 Vue.use(Area);

src/button/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Button } from 'vant';
 
 Vue.use(Button);

src/button/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Button } from 'vant';
 
 Vue.use(Button);

src/card/README.md

@@ -1,7 +1,9 @@
 # Card
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { Card } from 'vant';
 
 Vue.use(Card);

src/card/README.zh-CN.md

@@ -1,7 +1,9 @@
 # Card 卡片
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { Card } from 'vant';
 
 Vue.use(Card);

src/cell/README.md

@@ -1,7 +1,9 @@
 # Cell
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { Cell, CellGroup } from 'vant';
 
 Vue.use(Cell).use(CellGroup);

src/cell/README.zh-CN.md

@@ -1,7 +1,9 @@
 # Cell 单元格
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { Cell, CellGroup } from 'vant';
 
 Vue.use(Cell).use(CellGroup);

src/checkbox/README.md

@@ -1,7 +1,9 @@
 # Checkbox
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { Checkbox, CheckboxGroup } from 'vant';
 
 Vue.use(Checkbox).use(CheckboxGroup);

src/checkbox/README.zh-CN.md

@@ -1,7 +1,9 @@
 # Checkbox 复选框
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { Checkbox, CheckboxGroup } from 'vant';
 
 Vue.use(Checkbox).use(CheckboxGroup);

src/circle/README.md

@@ -1,7 +1,9 @@
 # Circle
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { Circle } from 'vant';
 
 Vue.use(Circle);

src/circle/README.zh-CN.md

@@ -1,7 +1,9 @@
 # Circle 环形进度条
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { Circle } from 'vant';
 
 Vue.use(Circle);

src/col/README.md

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

src/col/README.zh-CN.md

@@ -7,6 +7,7 @@ Layout 提供了`van-row`和`van-col`两个组件来进行行列布局
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Row, Col } from 'vant';
 
 Vue.use(Row).use(Col);

src/collapse/README.md

@@ -1,7 +1,9 @@
 # Collapse
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { Collapse, CollapseItem } from 'vant';
 
 Vue.use(Collapse).use(CollapseItem);

src/collapse/README.zh-CN.md

@@ -1,7 +1,9 @@
 # Collapse 折叠面板
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { Collapse, CollapseItem } from 'vant';
 
 Vue.use(Collapse).use(CollapseItem);

src/contact-card/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { ContactCard, ContactList, ContactEdit } from 'vant';
 
 Vue

src/contact-card/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { ContactCard, ContactList, ContactEdit } from 'vant';
 
 Vue

src/count-down/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { CountDown } from 'vant';
 
 Vue.use(CountDown);

src/count-down/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { CountDown } from 'vant';
 
 Vue.use(CountDown);

src/coupon-list/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { CouponCell, CouponList } from 'vant';
 
 Vue.use(CouponCell).use(CouponList);

src/coupon-list/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { CouponCell, CouponList } from 'vant';
 
 Vue.use(CouponCell).use(CouponList);

src/datetime-picker/README.md

@@ -5,7 +5,9 @@
 The DatetimePicker component is usually used with [Popup](#/en-US/popup) Component.
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { DatetimePicker } from 'vant';
 
 Vue.use(DatetimePicker);

src/datetime-picker/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { DatetimePicker } from 'vant';
 
 Vue.use(DatetimePicker);

src/dialog/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ```js
+import Vue from 'vue';
 import { Dialog } from 'vant';
 
 Vue.use(Dialog);

src/dialog/README.zh-CN.md

@@ -21,6 +21,7 @@ Dialog({ message: '提示' });
 通过组件调用 Dialog 时，可以通过下面的方式进行注册
 
 ```js
+import Vue from 'vue';
 import { Dialog } from 'vant';
 
 // 全局注册

src/divider/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Divider } from 'vant';
 
 Vue.use(Divider);

src/divider/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Divider } from 'vant';
 
 Vue.use(Divider);

src/dropdown-menu/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { DropdownMenu, DropdownItem } from 'vant';
 
 Vue.use(DropdownMenu).use(DropdownItem);

src/dropdown-menu/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { DropdownMenu, DropdownItem } from 'vant';
 
 Vue.use(DropdownMenu).use(DropdownItem);

src/field/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Field } from 'vant';
 
 Vue.use(Field);

src/field/README.zh-CN.md

@@ -5,7 +5,9 @@
 表单中的输入框组件，支持`input`和`textarea`两种类型
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { Field } from 'vant';
 
 Vue.use(Field);

src/goods-action/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import {
   GoodsAction,
   GoodsActionButton,

src/goods-action/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import {
   GoodsAction,
   GoodsActionIcon,

src/grid/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Grid, GridItem } from 'vant';
 
 Vue.use(Grid).use(GridItem);

src/grid/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Grid, GridItem } from 'vant';
 
 Vue.use(Grid).use(GridItem);

src/icon/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Icon } from 'vant';
 
 Vue.use(Icon);

src/icon/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Icon } from 'vant';
 
 Vue.use(Icon);

src/image-preview/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ```js
+import Vue from 'vue';
 import { ImagePreview } from 'vant';
 
 Vue.use(ImagePreview);

src/image-preview/README.zh-CN.md

@@ -5,6 +5,7 @@
 `ImagePreview`和其他组件不同，不是通过HTML结构的方式来使用，而是通过函数调用的方式。使用前需要先引入它。
 
 ```js
+import Vue from 'vue';
 import { ImagePreview } from 'vant';
 
 Vue.use(ImagePreview);

src/image/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Image } from 'vant';
 
 Vue.use(Image);

src/image/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Image } from 'vant';
 
 Vue.use(Image);

src/index-bar/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { IndexBar } from 'vant';
 
 Vue.use(IndexBar);

src/index-bar/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { IndexBar, IndexAnchor } from 'vant';
 
 Vue.use(IndexBar).use(IndexAnchor);

src/list/README.md

@@ -7,6 +7,7 @@ A list component to show items and control loading status.
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { List } from 'vant';
 
 Vue.use(List);

src/list/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { List } from 'vant';
 
 Vue.use(List);

src/loading/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Loading } from 'vant';
 
 Vue.use(Loading);

src/loading/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Loading } from 'vant';
 
 Vue.use(Loading);

src/nav-bar/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { NavBar } from 'vant';
 
 Vue.use(NavBar);

src/nav-bar/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { NavBar } from 'vant';
 
 Vue.use(NavBar);

src/notice-bar/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { NoticeBar } from 'vant';
 
 Vue.use(NoticeBar);

src/notice-bar/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { NoticeBar } from 'vant';
 
 Vue.use(NoticeBar);

src/notify/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Notify } from 'vant';
 
 Vue.use(Notify);

src/notify/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Notify } from 'vant';
 
 Vue.use(Notify);

src/number-keyboard/README.md

@@ -1,7 +1,9 @@
 # NumberKeyboard
 
 ### Install
+
 ``` javascript
+import Vue from 'vue';
 import { NumberKeyboard } from 'vant';
 
 Vue.use(NumberKeyboard);

src/number-keyboard/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { NumberKeyboard } from 'vant';
 
 Vue.use(NumberKeyboard);

src/overlay/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Overlay } from 'vant';
 
 Vue.use(Overlay);

src/overlay/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Overlay } from 'vant';
 
 Vue.use(Overlay);

src/pagination/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Pagination } from 'vant';
 
 Vue.use(Pagination);

src/pagination/README.zh-CN.md

@@ -4,6 +4,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Pagination } from 'vant';
 
 Vue.use(Pagination);

src/panel/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Panel } from 'vant';
 
 Vue.use(Panel);

src/panel/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Panel } from 'vant';
 
 Vue.use(Panel);

src/password-input/README.md

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

src/password-input/README.zh-CN.md

@@ -5,7 +5,9 @@
 密码输入框组件通常与 [数字键盘](#/zh-CN/number-keyboard) 组件配合使用
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { PasswordInput, NumberKeyboard } from 'vant';
 
 Vue.use(PasswordInput).use(NumberKeyboard);

src/picker/README.md

@@ -7,6 +7,7 @@ The Picker component is usually used with [Popup](#/en-US/popup) Component.
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Picker } from 'vant';
 
 Vue.use(Picker);

src/picker/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Picker } from 'vant';
 
 Vue.use(Picker);

src/popup/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Popup } from 'vant';
 
 Vue.use(Popup);

src/popup/README.zh-CN.md

@@ -7,6 +7,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Popup } from 'vant';
 
 Vue.use(Popup);

src/progress/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Progress } from 'vant';
 
 Vue.use(Progress);

src/progress/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Progress } from 'vant';
 
 Vue.use(Progress);

src/pull-refresh/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { PullRefresh } from 'vant';
 
 Vue.use(PullRefresh);

src/pull-refresh/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { PullRefresh } from 'vant';
 
 Vue.use(PullRefresh);

src/radio/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { RadioGroup, Radio } from 'vant';
 
 Vue.use(RadioGroup);

src/radio/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { RadioGroup, Radio } from 'vant';
 
 Vue.use(RadioGroup);

src/rate/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Rate } from 'vant';
 
 Vue.use(Rate);

src/rate/README.zh-CN.md

@@ -1,7 +1,9 @@
 # Rate 评分
 
 ### 引入
+
 ``` javascript
+import Vue from 'vue';
 import { Rate } from 'vant';
 
 Vue.use(Rate);

src/search/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Search } from 'vant';
 
 Vue.use(Search);

src/search/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Search } from 'vant';
 
 Vue.use(Search);

src/sidebar/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Sidebar, SidebarItem } from 'vant';
 
 Vue.use(Sidebar);

src/sidebar/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Sidebar, SidebarItem } from 'vant';
 
 Vue.use(Sidebar);

src/skeleton/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Skeleton } from 'vant';
 
 Vue.use(Skeleton);

src/skeleton/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Skeleton } from 'vant';
 
 Vue.use(Skeleton);

src/sku/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ```javascript
+import Vue from 'vue';
 import { Sku } from 'vant';
 
 Vue.use(Sku);

src/sku/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ```javascript
+import Vue from 'vue';
 import { Sku } from 'vant';
 
 Vue.use(Sku);

src/slider/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Slider } from 'vant';
 
 Vue.use(Slider);

src/slider/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Slider } from 'vant';
 
 Vue.use(Slider);

src/stepper/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Stepper } from 'vant';
 
 Vue.use(Stepper);

src/stepper/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Stepper } from 'vant';
 
 Vue.use(Stepper);

src/steps/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Step, Steps } from 'vant';
 
 Vue.use(Step).use(Steps);

src/steps/README.zh-CN.md

@@ -3,6 +3,7 @@
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Step, Steps } from 'vant';
 
 Vue.use(Step).use(Steps);

src/sticky/README.md

@@ -3,6 +3,7 @@
 ### Install
 
 ``` javascript
+import Vue from 'vue';
 import { Sticky } from 'vant';
 
 Vue.use(Sticky);

src/sticky/README.zh-CN.md

@@ -7,6 +7,7 @@ Sticky 组件与 CSS 中`position: sticky`属性实现的效果一致，当组
 ### 引入
 
 ``` javascript
+import Vue from 'vue';
 import { Sticky } from 'vant';
 
 Vue.use(Sticky);