diff --git a/.eslintrc.js b/.eslintrc.js
index 1861ec826..c82d5d2cc 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -16,6 +16,10 @@ module.exports = {
 
   plugins: ['vue'],
 
+  extends: [
+    'plugin:vue/strongly-recommended'
+  ],
+
   globals: {
     expect: true,
     sinon: true,
@@ -142,6 +146,17 @@ module.exports = {
     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
     'object-curly-spacing': [2, 'always', { objectsInObjects: false }],
     'array-bracket-spacing': [2, 'never'],
-    'vue/jsx-uses-vars': 2
+    'vue/jsx-uses-vars': 2,
+    'vue/require-v-for-key': 0,
+    "vue/require-default-prop": 0,
+    "vue/name-property-casing": 0,
+    "vue/no-unused-vars": 0,
+    'vue/max-attributes-per-line': [2, {
+      "singleline": 5,
+      "multiline": {
+        "max": 5,
+        "allowFirstLine": false
+      }
+    }]
   }
 }
diff --git a/docs/demos/views/actionsheet.vue b/docs/demos/views/actionsheet.vue
index 46e9aabf4..56fcd4124 100644
--- a/docs/demos/views/actionsheet.vue
+++ b/docs/demos/views/actionsheet.vue
@@ -7,7 +7,7 @@
 
     <demo-block :title="$t('title2')">
       <van-button @click="show2 = true">{{ $t('button2') }}</van-button>
-      <van-actionsheet v-model="show2" :actions="actions" :cancelText="$t('cancel')" />
+      <van-actionsheet v-model="show2" :actions="actions" :cancel-text="$t('cancel')" />
     </demo-block>
 
     <demo-block :title="$t('title3')">
diff --git a/docs/demos/views/address-edit.vue b/docs/demos/views/address-edit.vue
index 16f9d33d0..5bbc78968 100644
--- a/docs/demos/views/address-edit.vue
+++ b/docs/demos/views/address-edit.vue
@@ -2,11 +2,11 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-address-edit
-        :areaList="areaList"
-        :showPostal="true"
-        :showSetDefault="true"
-        :showSearchResult="true"
-        :searchResult="searchResult"
+        :area-list="areaList"
+        :show-postal="true"
+        :show-set-default="true"
+        :show-search-result="true"
+        :search-result="searchResult"
         @save="onSave"
         @delete="onDelete"
         @change-detail="onChangeDetail"
diff --git a/docs/demos/views/address-list.vue b/docs/demos/views/address-list.vue
index ded556935..5d19bd79d 100644
--- a/docs/demos/views/address-list.vue
+++ b/docs/demos/views/address-list.vue
@@ -67,7 +67,7 @@ export default {
   data() {
     return {
       chosenAddressId: '1'
-    }
+    };
   },
 
   methods: {
diff --git a/docs/demos/views/area.vue b/docs/demos/views/area.vue
index 8d9249320..637567653 100644
--- a/docs/demos/views/area.vue
+++ b/docs/demos/views/area.vue
@@ -1,15 +1,15 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-area :areaList="$t('areaList')" />
+      <van-area :area-list="$t('areaList')" />
     </demo-block>
 
     <demo-block :title="$t('title2')">
-      <van-area :areaList="$t('areaList')" :value="value" />
+      <van-area :area-list="$t('areaList')" :value="value" />
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-area :areaList="$t('areaList')" :columnsNum="2" :title="$t('title')" />
+      <van-area :area-list="$t('areaList')" :columns-num="2" :title="$t('title')" />
     </demo-block>
   </demo-section>
 </template>
diff --git a/docs/demos/views/badge.vue b/docs/demos/views/badge.vue
index 308c35e1a..80342523d 100644
--- a/docs/demos/views/badge.vue
+++ b/docs/demos/views/badge.vue
@@ -1,11 +1,11 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-badge-group :activeKey="activeKey">
-        <van-badge :title="$t('title')" @click="onClick"></van-badge>
-        <van-badge :title="$t('title')" @click="onClick" info="8"></van-badge>
-        <van-badge :title="$t('title')" @click="onClick" info="99"></van-badge>
-        <van-badge :title="$t('title')" @click="onClick" info="199"></van-badge>
+      <van-badge-group :active-key="activeKey">
+        <van-badge :title="$t('title')" @click="onClick" />
+        <van-badge :title="$t('title')" @click="onClick" info="8" />
+        <van-badge :title="$t('title')" @click="onClick" info="99" />
+        <van-badge :title="$t('title')" @click="onClick" info="199" />
       </van-badge-group>
     </demo-block>
   </demo-section>
diff --git a/docs/demos/views/button.vue b/docs/demos/views/button.vue
index a83f2da34..cad8cdfc4 100644
--- a/docs/demos/views/button.vue
+++ b/docs/demos/views/button.vue
@@ -5,7 +5,7 @@
       <van-button type="primary">{{ $t('primary') }}</van-button>
       <van-button type="danger">{{ $t('danger') }}</van-button>
     </demo-block>
-    
+
     <demo-block :title="$t('title2')">
       <van-button size="large">{{ $t('large') }}</van-button>
       <van-button size="normal">{{ $t('normal') }}</van-button>
@@ -18,8 +18,8 @@
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-button loading></van-button>
-      <van-button loading type="primary"></van-button>
+      <van-button loading />
+      <van-button loading type="primary" />
     </demo-block>
 
     <demo-block :title="$t('title4')">
@@ -29,14 +29,14 @@
     </demo-block>
 
     <demo-block :title="$t('title5')">
-      <van-button type="primary" bottomAction>{{ $t('button') }}</van-button>
+      <van-button type="primary" bottom-action>{{ $t('button') }}</van-button>
 
       <van-row>
         <van-col span="12">
-          <van-button bottomAction>{{ $t('button') }}</van-button>
+          <van-button bottom-action>{{ $t('button') }}</van-button>
         </van-col>
         <van-col span="12">
-          <van-button type="primary" bottomAction>{{ $t('button') }}</van-button>
+          <van-button type="primary" bottom-action>{{ $t('button') }}</van-button>
         </van-col>
       </van-row>
     </demo-block>
@@ -75,10 +75,9 @@ export default {
       mini: 'Mini'
     }
   }
-}
+};
 </script>
 
-
 <style lang="postcss">
 .demo-button {
   .van-button {
@@ -103,4 +102,4 @@ export default {
     padding-left: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/card.vue b/docs/demos/views/card.vue
index 09892340c..d53cdb441 100644
--- a/docs/demos/views/card.vue
+++ b/docs/demos/views/card.vue
@@ -8,7 +8,7 @@
         price="2.00"
         :thumb="imageURL"
       />
-    </demo-block> 
+    </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
       <van-card
@@ -32,7 +32,7 @@ export default {
   data() {
     return {
       imageURL: '//img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg'
-    }
+    };
   }
-}
+};
 </script>
diff --git a/docs/demos/views/cell-swipe.vue b/docs/demos/views/cell-swipe.vue
index 41c3afb1e..05c21e685 100644
--- a/docs/demos/views/cell-swipe.vue
+++ b/docs/demos/views/cell-swipe.vue
@@ -6,7 +6,7 @@
         <van-cell-swipe :right-width="65" :left-width="65">
           <span slot="left">{{ $t('button1') }}</span>
           <van-cell-group>
-            <van-cell :title="$t('title')" :value="$t('content')"></van-cell>
+            <van-cell :title="$t('title')" :value="$t('content')" />
           </van-cell-group>
           <span slot="right">{{ $t('button2') }}</span>
         </van-cell-swipe>
@@ -16,7 +16,7 @@
         <van-cell-swipe :right-width="65" :left-width="65" :on-close="onClose">
           <span slot="left">{{ $t('button1') }}</span>
           <van-cell-group>
-            <van-cell :title="$t('title')" :value="$t('content')"></van-cell>
+            <van-cell :title="$t('title')" :value="$t('content')" />
           </van-cell-group>
           <span slot="right">{{ $t('button2') }}</span>
         </van-cell-swipe>
@@ -82,7 +82,7 @@ export default {
       line-height: 44px;
   }
   .van-cell-swipe__left {
-    background-color: #FF4444;  
+    background-color: #FF4444;
   }
   .van-cell-swipe__right {
     background-color: #84c483;
diff --git a/docs/demos/views/cell.vue b/docs/demos/views/cell.vue
index 8e4a3c9b8..4a366d357 100644
--- a/docs/demos/views/cell.vue
+++ b/docs/demos/views/cell.vue
@@ -37,12 +37,12 @@
         <van-cell :title="$t('cell')" icon="location" is-link />
         <van-cell :title="$t('cell')">
           <template slot="right-icon">
-            <van-icon name="search" class="van-cell__right-icon"></van-icon>
+            <van-icon name="search" class="van-cell__right-icon" />
           </template>
         </van-cell>
       </van-cell-group>
     </demo-block>
-  </demo-section>  
+  </demo-section>
 </template>
 
 <script>
@@ -83,4 +83,4 @@ export default {
     vertical-align: middle;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/contact.vue b/docs/demos/views/contact.vue
index 52d9564c9..68e8d1669 100644
--- a/docs/demos/views/contact.vue
+++ b/docs/demos/views/contact.vue
@@ -20,8 +20,8 @@
 
       <van-popup v-model="showEdit" position="bottom">
         <van-contact-edit
-          :contactInfo="editingContact"
-          :isEdit="isEdit"
+          :contact-info="editingContact"
+          :is-edit="isEdit"
           @save="onSave"
           @delete="onDelete"
         />
diff --git a/docs/demos/views/coupon.vue b/docs/demos/views/coupon.vue
index 5c7bc1e03..54ecc661b 100644
--- a/docs/demos/views/coupon.vue
+++ b/docs/demos/views/coupon.vue
@@ -3,15 +3,15 @@
     <demo-block :title="$t('basicUsage')">
       <van-coupon-cell
         :coupons="coupons"
-        :chosenCoupon="chosenCoupon"
+        :chosen-coupon="chosenCoupon"
         @click="showList = true"
       />
 
       <van-popup v-model="showList" position="bottom">
         <van-coupon-list
           :coupons="coupons"
-          :chosenCoupon="chosenCoupon"
-          :disabledCoupons="disabledCoupons"
+          :chosen-coupon="chosenCoupon"
+          :disabled-coupons="disabledCoupons"
           @change="onChange"
           @exchange="onExchange"
         />
@@ -21,6 +21,7 @@
 </template>
 
 <script>
+/* eslint-disable camelcase */
 export default {
   i18n: {
     'zh-CN': {
@@ -67,7 +68,7 @@ export default {
         name: this.$t('coupon.name'),
         start_at: 1489104000,
         end_at: 1514592000
-      }
+      };
     },
 
     discountCoupon() {
@@ -78,7 +79,7 @@ export default {
         denominations: 0,
         origin_condition: 50,
         value: 12
-      }
+      };
     },
 
     disabledCoupon() {
@@ -87,7 +88,7 @@ export default {
         id: 3,
         available: 0,
         reason: this.$t('coupon.reason')
-      }
+      };
     },
 
     disabledDiscountCoupon() {
@@ -96,13 +97,13 @@ export default {
         id: 4,
         available: 0,
         reason: this.$t('coupon.reason')
-      }
+      };
     }
   },
 
   methods: {
     onChange(index) {
-      this.showList = false;      
+      this.showList = false;
       this.chosenCoupon = index;
     },
     onExchange(code) {
diff --git a/docs/demos/views/datetime-picker.vue b/docs/demos/views/datetime-picker.vue
index 8cbe3b61f..c3644a3a7 100644
--- a/docs/demos/views/datetime-picker.vue
+++ b/docs/demos/views/datetime-picker.vue
@@ -4,10 +4,10 @@
       <van-datetime-picker
         v-model="currentDate1"
         type="datetime"
-        :minHour="minHour"
-        :maxHour="maxHour"
-        :minDate="minDate"
-        :maxDate="maxDate"
+        :min-hour="minHour"
+        :max-hour="maxHour"
+        :min-date="minDate"
+        :max-date="maxDate"
       />
     </demo-block>
 
@@ -15,9 +15,9 @@
       <van-datetime-picker
         v-model="currentDate2"
         type="date"
-        :minHour="minHour"
-        :maxHour="maxHour"
-        :minDate="minDate"
+        :min-hour="minHour"
+        :max-hour="maxHour"
+        :min-date="minDate"
       />
     </demo-block>
 
@@ -25,9 +25,9 @@
       <van-datetime-picker
         v-model="currentDate3"
         type="time"
-        :minHour="minHour"
-        :maxHour="maxHour"
-        :minDate="minDate"
+        :min-hour="minHour"
+        :max-hour="maxHour"
+        :min-date="minDate"
       />
     </demo-block>
   </demo-section>
diff --git a/docs/demos/views/dialog.vue b/docs/demos/views/dialog.vue
index 2f16fafe0..00c189baf 100644
--- a/docs/demos/views/dialog.vue
+++ b/docs/demos/views/dialog.vue
@@ -44,13 +44,12 @@ export default {
       Dialog.confirm({
         title: this.$t('title'),
         message: this.$t('content')
-      })
+      });
     }
   }
 };
 </script>
 
-
 <style lang="postcss">
 .demo-dialog {
   .van-button {
diff --git a/docs/demos/views/field.vue b/docs/demos/views/field.vue
index 87057b8f1..fe408aa95 100644
--- a/docs/demos/views/field.vue
+++ b/docs/demos/views/field.vue
@@ -2,7 +2,7 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-cell-group>
-        <van-field v-model="value" :placeholder="$t('usernamePlaceholder')"></van-field>
+        <van-field v-model="value" :placeholder="$t('usernamePlaceholder')" />
       </van-cell-group>
     </demo-block>
 
@@ -15,28 +15,27 @@
           :placeholder="$t('usernamePlaceholder')"
           required
           @click-icon="username = ''"
-        >
-        </van-field>
+        />
 
         <van-field
           v-model="password"
           type="password"
           :label="$t('password')"
           :placeholder="$t('passwordPlaceholder')"
-          required>
-        </van-field>
+          required
+        />
       </van-cell-group>
     </demo-block>
 
     <demo-block :title="$t('title3')">
       <van-cell-group>
-        <van-field :value="$t('inputDisabled')" :label="$t('username')" disabled></van-field>
+        <van-field :value="$t('inputDisabled')" :label="$t('username')" disabled />
       </van-cell-group>
     </demo-block>
 
     <demo-block :title="$t('title4')">
       <van-cell-group>
-        <van-field :label="$t('username')" :placeholder="$t('usernamePlaceholder')" error></van-field>
+        <van-field :label="$t('username')" :placeholder="$t('usernamePlaceholder')" error />
       </van-cell-group>
     </demo-block>
 
@@ -49,8 +48,7 @@
           :placeholder="$t('messagePlaceholder')"
           rows="1"
           autosize
-        >
-        </van-field>
+        />
       </van-cell-group>
     </demo-block>
   </demo-section>
diff --git a/docs/demos/views/goods-action.vue b/docs/demos/views/goods-action.vue
index 142e3d897..48dff3c49 100644
--- a/docs/demos/views/goods-action.vue
+++ b/docs/demos/views/goods-action.vue
@@ -58,7 +58,6 @@ export default {
 };
 </script>
 
-
 <style lang="postcss">
 .demo-goods-action {
   .van-goods-action {
diff --git a/docs/demos/views/icon.vue b/docs/demos/views/icon.vue
index 0e24f3c81..fdeefbd54 100644
--- a/docs/demos/views/icon.vue
+++ b/docs/demos/views/icon.vue
@@ -26,7 +26,7 @@ export default {
     this.icons = icons.glyphs.map(icon => icon.css);
     return {};
   }
-}
+};
 </script>
 
 <style lang="postcss">
diff --git a/docs/demos/views/image-preview.vue b/docs/demos/views/image-preview.vue
index 13f994cf9..7e8d8256f 100644
--- a/docs/demos/views/image-preview.vue
+++ b/docs/demos/views/image-preview.vue
@@ -60,4 +60,4 @@ export default {
     pointer-events: none;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/layout.vue b/docs/demos/views/layout.vue
index fad7f479b..8d023225c 100644
--- a/docs/demos/views/layout.vue
+++ b/docs/demos/views/layout.vue
@@ -37,7 +37,7 @@ export default {
       title2: 'Column Spacing'
     }
   }
-}
+};
 </script>
 
 <style lang="postcss">
@@ -67,4 +67,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/lazyload.vue b/docs/demos/views/lazyload.vue
index 9a8a96fb7..c242500cc 100644
--- a/docs/demos/views/lazyload.vue
+++ b/docs/demos/views/lazyload.vue
@@ -1,7 +1,7 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <img v-for="img in imageList" v-lazy="img" />
+      <img v-for="img in imageList" v-lazy="img" >
     </demo-block>
 
     <demo-block :title="$t('title2')">
@@ -10,7 +10,7 @@
 
     <demo-block :title="$t('title3')">
       <lazy-component>
-        <img v-for="img in componentImageList" v-lazy="img" />
+        <img v-for="img in componentImageList" v-lazy="img" >
       </lazy-component>
     </demo-block>
   </demo-section>
@@ -53,7 +53,7 @@ export default {
       console.log('component show');
     }
   }
-}
+};
 </script>
 
 <style lang="postcss">
@@ -79,4 +79,4 @@ export default {
     padding-left: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/loading.vue b/docs/demos/views/loading.vue
index 2ce588f23..6b7430075 100644
--- a/docs/demos/views/loading.vue
+++ b/docs/demos/views/loading.vue
@@ -31,7 +31,7 @@ export default {
       title3: 'Spinner'
     }
   }
-}
+};
 </script>
 
 <style lang="postcss">
diff --git a/docs/demos/views/nav-bar.vue b/docs/demos/views/nav-bar.vue
index c2ebc4100..4a89b695c 100644
--- a/docs/demos/views/nav-bar.vue
+++ b/docs/demos/views/nav-bar.vue
@@ -3,16 +3,16 @@
     <demo-block :title="$t('basicUsage')">
       <van-nav-bar
         :title="$t('title')"
-        :leftText="$t('back')"
-        :rightText="$t('button')"
-        leftArrow
+        :left-text="$t('back')"
+        :right-text="$t('button')"
+        left-arrow
         @click-left="onClickLeft"
         @click-right="onClickRight"
       />
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
-      <van-nav-bar :title="$t('title')" :leftText="$t('back')" leftArrow>
+      <van-nav-bar :title="$t('title')" :left-text="$t('back')" left-arrow>
         <van-icon name="search" slot="right" />
       </van-nav-bar>
     </demo-block>
@@ -29,5 +29,5 @@ export default {
       Toast(this.$t('button'));
     }
   }
-}
+};
 </script>
diff --git a/docs/demos/views/notice-bar.vue b/docs/demos/views/notice-bar.vue
index e37e3da34..7137d7fa6 100644
--- a/docs/demos/views/notice-bar.vue
+++ b/docs/demos/views/notice-bar.vue
@@ -3,7 +3,7 @@
     <demo-block :title="$t('basicUsage')">
       <van-notice-bar
         :text="$t('text')"
-        leftIcon="//img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png"
+        left-icon="//img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png"
       />
     </demo-block>
 
@@ -32,7 +32,7 @@ export default {
       text: 'Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily.'
     }
   }
-}
+};
 </script>
 
 <style lang="postcss">
@@ -41,4 +41,4 @@ export default {
     margin-top: 15px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/number-keyboard.vue b/docs/demos/views/number-keyboard.vue
index e204ce2c9..faada3ef1 100644
--- a/docs/demos/views/number-keyboard.vue
+++ b/docs/demos/views/number-keyboard.vue
@@ -7,8 +7,8 @@
 
       <van-number-keyboard
         :show="keyboard === 'default'"
-        :closeButtonText="$t('close')"
-        extraKey="."
+        :close-button-text="$t('close')"
+        extra-key="."
         @blur="keyboard = ''"
         @input="onInput"
         @delete="onDelete"
@@ -22,9 +22,9 @@
 
       <van-number-keyboard
         :show="keyboard === 'custom'"
-        :closeButtonText="$t('close')"
+        :close-button-text="$t('close')"
         theme="custom"
-        extraKey="."
+        extra-key="."
         @blur="keyboard = ''"
         @input="onInput"
         @delete="onDelete"
diff --git a/docs/demos/views/pagination.vue b/docs/demos/views/pagination.vue
index 996780558..0cfff253c 100644
--- a/docs/demos/views/pagination.vue
+++ b/docs/demos/views/pagination.vue
@@ -1,34 +1,34 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-pagination 
-        v-model="currentPage1" 
-        :totalItems="24" 
-        :itemsPerPage="5"
-        :previousText= "$t('prevText')" 
-        :nextText= "$t('nextText')" 
+      <van-pagination
+        v-model="currentPage1"
+        :total-items="24"
+        :items-per-page="5"
+        :previous-text= "$t('prevText')"
+        :next-text= "$t('nextText')"
       />
     </demo-block>
 
     <demo-block :title="$t('title2')">
-      <van-pagination 
+      <van-pagination
         v-model="currentPage2"
-        :pageCount="12"
-        :previousText= "$t('prevText')" 
-        :nextText= "$t('nextText')" 
-        mode="simple" 
-        size="small" 
+        :page-count="12"
+        :previous-text= "$t('prevText')"
+        :next-text= "$t('nextText')"
+        mode="simple"
+        size="small"
       />
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-pagination 
-        forceEllipses
-        v-model="currentPage3" 
-        :totalItems="125" 
-        :showPageSize="3" 
-        :previousText= "$t('prevText')" 
-        :nextText= "$t('nextText')" 
+      <van-pagination
+        force-ellipses
+        v-model="currentPage3"
+        :total-items="125"
+        :show-page-size="3"
+        :previous-text= "$t('prevText')"
+        :next-text= "$t('nextText')"
       />
     </demo-block>
   </demo-section>
@@ -55,7 +55,7 @@ export default {
     return {
       currentPage1: 1,
       currentPage2: 1,
-      currentPage3: 1,
+      currentPage3: 1
     };
   }
 };
diff --git a/docs/demos/views/panel.vue b/docs/demos/views/panel.vue
index 86cbdea15..6fe57b20c 100644
--- a/docs/demos/views/panel.vue
+++ b/docs/demos/views/panel.vue
@@ -32,4 +32,4 @@
     padding: 20px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/picker.vue b/docs/demos/views/picker.vue
index 112fd2f6c..9e752f784 100644
--- a/docs/demos/views/picker.vue
+++ b/docs/demos/views/picker.vue
@@ -10,7 +10,7 @@
 
     <demo-block :title="$t('title3')">
       <van-picker
-        showToolbar
+        show-toolbar
         :title="$t('area')"
         :columns="$t('column1')"
         @cancel="onCancel"
@@ -49,7 +49,6 @@ export default {
       title2: 'Disable Option',
       title3: 'Show Toolbar',
       title4: 'Multi Columns',
-      title2: 'Picker with toolbar',
       column1: ['Delaware', 'Florida', 'Georqia', 'Indiana', 'Maine'],
       column2: [
         { text: 'Delaware', disabled: true },
diff --git a/docs/demos/views/popup.vue b/docs/demos/views/popup.vue
index a0ec1b19a..22aba4cda 100644
--- a/docs/demos/views/popup.vue
+++ b/docs/demos/views/popup.vue
@@ -31,7 +31,7 @@
         <van-button @click="show4 = false">{{ $t('button6') }}</van-button>
       </van-popup>
     </demo-block>
-  </demo-section> 
+  </demo-section>
 </template>
 
 <script>
@@ -63,7 +63,7 @@ export default {
       show2: false,
       show3: false,
       show4: false
-    }
+    };
   },
 
   watch: {
@@ -81,7 +81,7 @@ export default {
       Dialog.confirm({
         title: 'confirm标题',
         message: '弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'
-      })
+      });
     }
   }
 };
@@ -138,4 +138,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/progress.vue b/docs/demos/views/progress.vue
index 5ab05dd8d..d8135b157 100644
--- a/docs/demos/views/progress.vue
+++ b/docs/demos/views/progress.vue
@@ -13,9 +13,9 @@
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-progress :pivotText="$t('red')" color="#ed5050" :percentage="26" />
-      <van-progress :pivotText="$t('orange')" color="#f60" :percentage="46" />
-      <van-progress :pivotText="$t('yellow')" color="#f09000" :percentage="66" />
+      <van-progress :pivot-text="$t('red')" color="#ed5050" :percentage="26" />
+      <van-progress :pivot-text="$t('orange')" color="#f60" :percentage="46" />
+      <van-progress :pivot-text="$t('yellow')" color="#f09000" :percentage="66" />
     </demo-block>
   </demo-section>
 </template>
@@ -32,7 +32,7 @@ export default {
       title3: 'Custom Style'
     }
   }
-}
+};
 </script>
 
 <style lang="postcss">
@@ -44,5 +44,5 @@ export default {
       margin-top: 10px;
     }
   }
-} 
-</style>
\ No newline at end of file
+}
+</style>
diff --git a/docs/demos/views/radio.vue b/docs/demos/views/radio.vue
index a7543028b..ce0fa9d91 100644
--- a/docs/demos/views/radio.vue
+++ b/docs/demos/views/radio.vue
@@ -81,7 +81,7 @@ export default {
       float: right;
       position: static;
     }
-    
+
     .van-radio__label {
       margin: 0;
     }
diff --git a/docs/demos/views/search.vue b/docs/demos/views/search.vue
index 942816da6..a99ef21f2 100644
--- a/docs/demos/views/search.vue
+++ b/docs/demos/views/search.vue
@@ -9,7 +9,7 @@
         <van-search
           v-model="value"
           :placeholder="$t('placeholder')"
-          :showAction="true"
+          :show-action="true"
           @search="onSearch"
           @cancel="onCancel"
         />
@@ -19,8 +19,9 @@
     <demo-block :title="$t('title3')">
       <van-search
         v-model="value"
-        :showAction="true"
-        @search="onSearch">
+        :show-action="true"
+        @search="onSearch"
+      >
         <div slot="action" @click="onSearch">{{ $t('search') }}</div>
       </van-search>
     </demo-block>
@@ -44,7 +45,7 @@ export default {
 
   data() {
     return {
-      value: '',
+      value: ''
     };
   },
 
@@ -65,4 +66,4 @@ export default {
     padding: 0 10px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/sku.vue b/docs/demos/views/sku.vue
index 51773c0d3..29e95078b 100644
--- a/docs/demos/views/sku.vue
+++ b/docs/demos/views/sku.vue
@@ -6,16 +6,15 @@
           v-model="showBase"
           :sku="$t('sku').sku"
           :goods="$t('sku').goods_info"
-          :goodsId="$t('sku').goods_id"
-          :hideStock="$t('sku').sku.hide_stock"
+          :goods-id="$t('sku').goods_id"
+          :hide-stock="$t('sku').sku.hide_stock"
           :quota="$t('sku').quota"
-          :quotaUsed="$t('sku').quota_used"
-          :resetStepperOnHide="true"
-          :disableStepperInput="true"
+          :quota-used="$t('sku').quota_used"
+          :reset-stepper-on-hide="true"
+          :disable-stepper-input="true"
           @buy-clicked="handleBuyClicked"
           @add-cart="handleAddCartClicked"
-        >
-        </van-sku>
+        />
         <van-button type="primary" @click="showBase = true" block>{{ $t('basicUsage') }}</van-button>
       </div>
     </demo-block>
@@ -24,24 +23,24 @@
       <div class="sku-container">
         <van-sku
           v-model="showCustomAction"
-          :stepperTitle="$t('stepperTitle')"
+          :stepper-title="$t('stepperTitle')"
           :sku="$t('sku').sku"
           :goods="$t('sku').goods_info"
-          :goodsId="$t('sku').goods_id"
-          :hideStock="$t('sku').sku.hide_stock"
-          :showAddCartBtn="true"
+          :goods-id="$t('sku').goods_id"
+          :hide-stock="$t('sku').sku.hide_stock"
+          :show-add-cart-btn="true"
           :quota="$t('sku').quota"
-          :quotaUsed="$t('sku').quota_used"
-          :resetStepperOnHide="true"
-          :initialSku="initialSku"
+          :quota-used="$t('sku').quota_used"
+          :reset-stepper-on-hide="true"
+          :initial-sku="initialSku"
           @buy-clicked="handleBuyClicked"
           @add-cart="handleAddCartClicked"
         >
-          <template slot="sku-messages"></template>
+          <template slot="sku-messages" />
           <template slot="sku-actions" slot-scope="props">
             <div class="van-sku-actions">
-              <van-button bottomAction @click="handlePointClicked">{{ $t('button1') }}</van-button>
-              <van-button type="primary" bottomAction @click="props.skuEventBus.$emit('sku:buy')">{{ $t('button2') }}</van-button>
+              <van-button bottom-action @click="handlePointClicked">{{ $t('button1') }}</van-button>
+              <van-button type="primary" bottom-action @click="props.skuEventBus.$emit('sku:buy')">{{ $t('button2') }}</van-button>
             </div>
           </template>
         </van-sku>
diff --git a/docs/demos/views/stepper.vue b/docs/demos/views/stepper.vue
index 2890c2788..6e659d051 100644
--- a/docs/demos/views/stepper.vue
+++ b/docs/demos/views/stepper.vue
@@ -9,9 +9,9 @@
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
-      <van-stepper v-model="stepper2" min="5" max="40" step="2" defaultValue="9" />
+      <van-stepper v-model="stepper2" min="5" max="40" step="2" default-value="9" />
     </demo-block>
-  </demo-section>  
+  </demo-section>
 </template>
 
 <script>
@@ -19,7 +19,7 @@ export default {
   data() {
     return {
       stepper1: 1,
-      stepper2: null,
+      stepper2: null
     };
   }
 };
@@ -31,4 +31,4 @@ export default {
     margin-left: 15px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/steps.vue b/docs/demos/views/steps.vue
index c2dbe6089..c5ec848e8 100644
--- a/docs/demos/views/steps.vue
+++ b/docs/demos/views/steps.vue
@@ -9,7 +9,7 @@
       </van-steps>
 
       <van-button @click="nextStep">{{ $t('nextStep') }}</van-button>
-    </demo-block> 
+    </demo-block>
 
     <demo-block :title="$t('title2')">
       <van-steps
@@ -28,19 +28,19 @@
 
     <demo-block :title="$t('title3')">
       <van-steps direction="vertical" :active="0" active-color="#f60">
-      <van-step>
-        <h3>{{ $t('status1') }}</h3>
-        <p>2016-07-12 12:40</p>
-      </van-step>
-      <van-step>
-        <h3>{{ $t('status2') }}</h3>
-        <p>2016-07-11 10:00</p>
-      </van-step>
-      <van-step>
-        <h3>{{ $t('status3') }}</h3>
-        <p>2016-07-10 09:30</p>
-      </van-step>
-    </van-steps>
+        <van-step>
+          <h3>{{ $t('status1') }}</h3>
+          <p>2016-07-12 12:40</p>
+        </van-step>
+        <van-step>
+          <h3>{{ $t('status2') }}</h3>
+          <p>2016-07-11 10:00</p>
+        </van-step>
+        <van-step>
+          <h3>{{ $t('status3') }}</h3>
+          <p>2016-07-10 09:30</p>
+        </van-step>
+      </van-steps>
     </demo-block>
   </demo-section>
 </template>
@@ -85,7 +85,7 @@ export default {
       this.active = ++this.active % 4;
     }
   }
-}
+};
 </script>
 
 <style lang="postcss">
@@ -110,4 +110,4 @@ export default {
     font-weight: normal;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/submit-bar.vue b/docs/demos/views/submit-bar.vue
index c02a6ff44..b7367643f 100644
--- a/docs/demos/views/submit-bar.vue
+++ b/docs/demos/views/submit-bar.vue
@@ -3,7 +3,7 @@
     <demo-block :title="$t('basicUsage')">
       <van-submit-bar
         :price="3050"
-        :buttonText="$t('submit')"
+        :button-text="$t('submit')"
         @submit="onClickButton"
       />
     </demo-block>
@@ -12,7 +12,7 @@
       <van-submit-bar
         disabled
         :price="3050"
-        :buttonText="$t('submit')"
+        :button-text="$t('submit')"
         :tip="$t('tip1')"
         @submit="onClickButton"
       />
@@ -22,7 +22,7 @@
       <van-submit-bar
         loading
         :price="3050"
-        :buttonText="$t('submit')"
+        :button-text="$t('submit')"
         @submit="onClickButton"
       />
     </demo-block>
@@ -30,7 +30,7 @@
     <demo-block :title="$t('advancedUsage')">
       <van-submit-bar
         :price="3050"
-        :buttonText="$t('submit')"
+        :button-text="$t('submit')"
         @submit="onClickButton"
       >
         <van-checkbox v-model="checked">{{ $t('check') }}</van-checkbox>
diff --git a/docs/demos/views/swipe.vue b/docs/demos/views/swipe.vue
index aafe36147..ca66d62d9 100644
--- a/docs/demos/views/swipe.vue
+++ b/docs/demos/views/swipe.vue
@@ -12,7 +12,7 @@
     <demo-block :title="$t('title2')">
       <van-swipe :autoplay="3000">
         <van-swipe-item v-for="(image, index) in images" :key="index">
-          <img v-lazy="image" />
+          <img v-lazy="image" >
         </van-swipe-item>
       </van-swipe>
     </demo-block>
@@ -77,4 +77,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/docs/demos/views/switch-cell.vue b/docs/demos/views/switch-cell.vue
index 264901030..76e125eab 100644
--- a/docs/demos/views/switch-cell.vue
+++ b/docs/demos/views/switch-cell.vue
@@ -22,15 +22,6 @@
 
 <script>
 export default {
-  i18n: {
-    'zh-CN': {
-
-    },
-    'en-US': {
-      
-    }
-  },
-
   data() {
     return {
       checked: true
@@ -38,8 +29,3 @@ export default {
   }
 };
 </script>
-
-
-<style lang="postcss">
-
-</style>
diff --git a/docs/demos/views/switch.vue b/docs/demos/views/switch.vue
index da24b2206..92df8d9e9 100644
--- a/docs/demos/views/switch.vue
+++ b/docs/demos/views/switch.vue
@@ -51,7 +51,6 @@ export default {
 };
 </script>
 
-
 <style lang="postcss">
 .demo-switch {
   .van-switch {
diff --git a/docs/demos/views/tabbar.vue b/docs/demos/views/tabbar.vue
index 353ac6a45..c3f50d152 100644
--- a/docs/demos/views/tabbar.vue
+++ b/docs/demos/views/tabbar.vue
@@ -14,7 +14,7 @@
         <van-tabbar-item icon="shop">
           <span>{{ $t('custom') }}</span>
           <template slot="icon" slot-scope="props">
-            <img :src="props.active ? icon.active : icon.normal" />
+            <img :src="props.active ? icon.active : icon.normal" >
           </template>
         </van-tabbar-item>
         <van-tabbar-item icon="chat">{{ $t('tab') }}</van-tabbar-item>
@@ -43,12 +43,11 @@ export default {
         normal: 'https://img.yzcdn.cn/public_files/2017/10/13/c547715be149dd3faa817e4a948b40c4.png',
         active: 'https://img.yzcdn.cn/public_files/2017/10/13/793c77793db8641c4c325b7f25bf130d.png'
       }
-    }
+    };
   }
-}
+};
 </script>
 
-
 <style lang="postcss">
 .demo-tabbar {
   .van-tabbar {
diff --git a/docs/demos/views/toast.vue b/docs/demos/views/toast.vue
index 236cb98f8..7e5c62bc1 100644
--- a/docs/demos/views/toast.vue
+++ b/docs/demos/views/toast.vue
@@ -85,7 +85,6 @@ export default {
 };
 </script>
 
-
 <style lang="postcss">
 .demo-toast {
   .van-button {
diff --git a/docs/demos/views/tree-select.vue b/docs/demos/views/tree-select.vue
index 3cfcc2566..b479e49b3 100644
--- a/docs/demos/views/tree-select.vue
+++ b/docs/demos/views/tree-select.vue
@@ -3,8 +3,8 @@
     <demo-block :title="$t('basicUsage')">
       <van-tree-select
         :items="items"
-        :mainActiveIndex="mainActiveIndex"
-        :activeId="activeId"
+        :main-active-index="mainActiveIndex"
+        :active-id="activeId"
         @navclick="onNavClick"
         @itemclick="onItemClick"
       />
@@ -110,10 +110,5 @@ export default {
       this.activeId = data.id;
     }
   }
-}
+};
 </script>
-
-
-<style lang="postcss">
-
-</style>
diff --git a/docs/demos/views/waterfall.vue b/docs/demos/views/waterfall.vue
index 965895c3a..3c63a8213 100644
--- a/docs/demos/views/waterfall.vue
+++ b/docs/demos/views/waterfall.vue
@@ -40,7 +40,7 @@ export default {
     loadMore() {
       this.disabled = true;
       setTimeout(() => {
-        for (let i = 0; i < 5; i ++) {
+        for (let i = 0; i < 5; i++) {
           this.list.push(this.list.length);
         }
         this.disabled = false;
@@ -50,7 +50,6 @@ export default {
 };
 </script>
 
-
 <style lang="postcss">
 .demo-waterfall {
   ul {
diff --git a/docs/src/DocsApp.vue b/docs/src/DocsApp.vue
index 8ef1fef30..9c658666d 100644
--- a/docs/src/DocsApp.vue
+++ b/docs/src/DocsApp.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app">
-    <van-doc :simulators="simulators" :currentSimulator="currentSimulator" :config="config" :base="base">
-      <router-view @changeDemoURL="onChangeDemoURL"></router-view>
+    <van-doc :simulators="simulators" :current-simulator="currentSimulator" :config="config" :base="base">
+      <router-view @changeDemoURL="onChangeDemoURL" />
     </van-doc>
   </div>
 </template>
diff --git a/docs/src/WapApp.vue b/docs/src/WapApp.vue
index 347729286..4a27dfa68 100644
--- a/docs/src/WapApp.vue
+++ b/docs/src/WapApp.vue
@@ -1,5 +1,5 @@
 <template>
-  <router-view></router-view>
+  <router-view />
 </template>
 
 <style lang="postcss">
diff --git a/docs/src/components/DemoList.vue b/docs/src/components/DemoList.vue
index 14d4a9b5a..901593479 100644
--- a/docs/src/components/DemoList.vue
+++ b/docs/src/components/DemoList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="side-nav">
     <h1 class="zanui-title">
-      <img src="https://img.yzcdn.cn/public_files/2017/12/18/fd78cf6bb5d12e2a119d0576bedfd230.png" />
+      <img src="https://img.yzcdn.cn/public_files/2017/12/18/fd78cf6bb5d12e2a119d0576bedfd230.png" >
       <span>Vant</span>
     </h1>
     <div class="mobile-switch-lang">
diff --git a/docs/src/components/DemoPages.vue b/docs/src/components/DemoPages.vue
index c6a82f1af..f2901bf2d 100644
--- a/docs/src/components/DemoPages.vue
+++ b/docs/src/components/DemoPages.vue
@@ -9,7 +9,7 @@
       >
         <h4>{{ demo.title }}</h4>
         <a :href="demo.source" target="_blank">{{ $t('source') }}</a>
-        <img :src="demo.preview" @click="onChangeDemo(demo, index)" />
+        <img :src="demo.preview" @click="onChangeDemo(demo, index)" >
       </div>
     </div>
   </section>
diff --git a/docs/src/components/MobileNav.vue b/docs/src/components/MobileNav.vue
index 38f67da4e..dabba40c5 100644
--- a/docs/src/components/MobileNav.vue
+++ b/docs/src/components/MobileNav.vue
@@ -6,7 +6,7 @@
         'mobile-nav-group__title--open': isOpen
       }"
       @click="handleNavTitleClick">
-      {{group.groupName}}
+      {{ group.groupName }}
     </div>
     <div class="mobile-nav-group__list-wrapper" :class="{ 'mobile-nav-group__list-wrapper--open': isOpen }">
       <ul class="mobile-nav-group__list" :class="{ 'mobile-nav-group__list--open': isOpen }">
@@ -22,7 +22,7 @@
                 {{ navItem.title }}
               </p>
             </router-link>
-            <van-icon name="arrow"></van-icon>
+            <van-icon name="arrow" />
           </li>
         </template>
       </ul>
diff --git a/package.json b/package.json
index 6b018b487..ae66f2b78 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "css-loader": "^0.28.7",
     "dependency-tree": "^5.12.0",
     "eslint": "^4.13.1",
-    "eslint-plugin-vue": "^2.1.0",
+    "eslint-plugin-vue": "^4.0.0-beta.4",
     "extract-text-webpack-plugin": "3.0.2",
     "fast-vue-md-loader": "^1.0.3",
     "friendly-errors-webpack-plugin": "^1.6.1",
@@ -95,7 +95,7 @@
     "style-loader": "^0.19.1",
     "uppercamelcase": "^3.0.0",
     "url-loader": "^0.6.2",
-    "vant-doc": "0.3.19",
+    "vant-doc": "0.3.20",
     "vue": "^2.5.13",
     "vue-loader": "^13.6.1",
     "vue-router": "^3.0.1",
diff --git a/packages/actionsheet/index.vue b/packages/actionsheet/index.vue
index 9549a28af..ec1333ffa 100644
--- a/packages/actionsheet/index.vue
+++ b/packages/actionsheet/index.vue
@@ -27,7 +27,7 @@
         @click.stop="$emit('input', false)"
       />
       <div v-else class="van-actionsheet__content">
-        <slot></slot>
+        <slot />
       </div>
     </div>
   </transition>
diff --git a/packages/address-edit/Detail.vue b/packages/address-edit/Detail.vue
index 3ae29d06b..b7c77b31f 100644
--- a/packages/address-edit/Detail.vue
+++ b/packages/address-edit/Detail.vue
@@ -9,7 +9,7 @@
       rows="1"
       :value="value"
       :error="isError"
-      :onIconClick="onIconClick"
+      :on-icon-click="onIconClick"
       @input="$emit('input', $event)"
       @focus="handleFocus"
       @blur="handleBlur"
diff --git a/packages/address-edit/index.vue b/packages/address-edit/index.vue
index faea8c149..a7146ae85 100644
--- a/packages/address-edit/index.vue
+++ b/packages/address-edit/index.vue
@@ -24,9 +24,9 @@
       </cell>
       <address-edit-detail
         :value="currentInfo.address_detail"
-        :isError="errorInfo.address_detail"
-        :showSearchResult="showSearchResult"
-        :searchResult="searchResult"
+        :is-error="errorInfo.address_detail"
+        :show-search-result="showSearchResult"
+        :search-result="searchResult"
         @focus="onFocus('address_detail')"
         @blur="onDetailBlur"
         @input="onChangeDetail"
@@ -44,7 +44,7 @@
         :error="errorInfo.postal_code"
         @focus="onFocus('postal_code')"
       />
-      <switch-cell 
+      <switch-cell
         v-if="showSetDefault"
         v-show="!hideBottomFields"
         v-model="currentInfo.is_default"
@@ -63,7 +63,7 @@
       <van-area
         ref="area"
         :value="currentInfo.area_code"
-        :areaList="areaList"
+        :area-list="areaList"
         @confirm="onAreaConfirm"
         @cancel="showAreaSelect = false"
       />
diff --git a/packages/address-list/index.vue b/packages/address-list/index.vue
index b7b99db90..e837d14ef 100644
--- a/packages/address-list/index.vue
+++ b/packages/address-list/index.vue
@@ -16,7 +16,7 @@
       class="van-address-list__add van-hairline--top"
       @click="$emit('add')"
       :title="addButtonText || $t('add')"
-      isLink
+      is-link
     />
   </div>
 </template>
diff --git a/packages/area/index.vue b/packages/area/index.vue
index 86c0f6d0a..05ba03358 100644
--- a/packages/area/index.vue
+++ b/packages/area/index.vue
@@ -2,8 +2,8 @@
   <picker
     class="van-area"
     ref="picker"
-    showToolbar
-    valueKey="name"
+    show-toolbar
+    value-key="name"
     :title="title"
     :columns="columns"
     @change="onChange"
diff --git a/packages/badge-group/index.vue b/packages/badge-group/index.vue
index 5a4f41f62..1224759cf 100644
--- a/packages/badge-group/index.vue
+++ b/packages/badge-group/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-badge-group van-hairline--top-bottom">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/button/index.vue b/packages/button/index.vue
index fb2d1fdc7..7ba592405 100644
--- a/packages/button/index.vue
+++ b/packages/button/index.vue
@@ -14,8 +14,8 @@
         'van-button--bottom-action': bottomAction
       }
     ]"
-      @click="onClick"
-    >
+    @click="onClick"
+  >
     <loading
       v-if="loading"
       class="van-button__icon-loading"
@@ -23,7 +23,7 @@
       :color="type === 'default' ? 'black' : 'white'"
     />
     <span class="van-button__text">
-      <slot></slot>
+      <slot />
     </span>
   </component>
 </template>
diff --git a/packages/card/index.vue b/packages/card/index.vue
index 864d0dd24..0de4037a3 100644
--- a/packages/card/index.vue
+++ b/packages/card/index.vue
@@ -2,7 +2,7 @@
   <div class="van-card" :class="{ 'van-card--center': centered }">
     <div class="van-card__thumb">
       <slot name="thumb">
-        <img :src="thumb" class="van-card__img" />
+        <img :src="thumb" class="van-card__img" >
       </slot>
     </div>
     <div class="van-card__content">
@@ -18,10 +18,10 @@
           <div v-if="num !== undefined" class="van-card__num">x {{ num }}</div>
         </div>
       </slot>
-      <slot name="tags"></slot>
+      <slot name="tags" />
     </div>
     <div class="van-card__footer" v-if="$slots.footer">
-      <slot name="footer"></slot>      
+      <slot name="footer" />
     </div>
   </div>
 </template>
diff --git a/packages/cell-group/index.vue b/packages/cell-group/index.vue
index 7ee577dd5..c0e22cedb 100644
--- a/packages/cell-group/index.vue
+++ b/packages/cell-group/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-cell-group" :class="{ 'van-hairline--top-bottom': border }">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/cell-swipe/index.vue b/packages/cell-swipe/index.vue
index 137743f3b..ba80a2fac 100644
--- a/packages/cell-swipe/index.vue
+++ b/packages/cell-swipe/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div 
+  <div
     v-clickoutside:touchstart="onClick"
     class="van-cell-swipe"
     @click="onClick('cell')"
@@ -10,11 +10,11 @@
   >
     <div class="van-cell-swipe__wrapper" :style="wrapperStyle" @transitionend="swipe = false">
       <div class="van-cell-swipe__left" @click.stop="onClick('left')" v-if="leftWidth">
-        <slot name="left"></slot>
+        <slot name="left" />
       </div>
-      <slot></slot>
+      <slot />
       <div class="van-cell-swipe__right" @click.stop="onClick('right')" v-if="rightWidth">
-        <slot name="right"></slot>
+        <slot name="right" />
       </div>
     </div>
   </div>
diff --git a/packages/checkbox-group/index.vue b/packages/checkbox-group/index.vue
index 268b11db3..f544f2774 100644
--- a/packages/checkbox-group/index.vue
+++ b/packages/checkbox-group/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-checkbox-group">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/checkbox/index.vue b/packages/checkbox/index.vue
index 6cd3df7ee..cc4730d8f 100644
--- a/packages/checkbox/index.vue
+++ b/packages/checkbox/index.vue
@@ -2,20 +2,21 @@
   <div
     class="van-checkbox"
     :class="[
-      `van-checkbox--${shape}`, {
-      'van-checkbox--disabled': isDisabled
-    }]">
+      `van-checkbox--${shape}`,
+      { 'van-checkbox--disabled': isDisabled }
+    ]"
+  >
     <span class="van-checkbox__input">
       <input
         v-model="currentValue"
         type="checkbox"
         class="van-checkbox__control"
         :disabled="isDisabled"
-      />
+      >
       <icon name="success" />
     </span>
     <span class="van-checkbox__label" @click="onClickLabel">
-      <slot></slot>
+      <slot />
     </span>
   </div>
 </template>
diff --git a/packages/col/index.vue b/packages/col/index.vue
index 79439b423..8b8db3f16 100644
--- a/packages/col/index.vue
+++ b/packages/col/index.vue
@@ -4,7 +4,7 @@
     :class="{ [`van-col-${span}`]: span, [`van-col-offset-${offset}`]: offset}"
     :style="style"
   >
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/contact-edit/index.vue b/packages/contact-edit/index.vue
index 23e48b2c7..123f8ffb3 100644
--- a/packages/contact-edit/index.vue
+++ b/packages/contact-edit/index.vue
@@ -7,16 +7,16 @@
         :label="$t('name')"
         :placeholder="$t('namePlaceholder')"
         :error="errorInfo.name"
-        @focus="onFocus('name')">
-      </field>
+        @focus="onFocus('name')"
+      />
       <field
         v-model="currentInfo.tel"
         type="tel"
         :label="$t('tel')"
         :placeholder="$t('telPlaceholder')"
         :error="errorInfo.tel"
-        @focus="onFocus('tel')">
-      </field>
+        @focus="onFocus('tel')"
+      />
     </cell-group>
     <div class="van-contact-edit__buttons">
       <van-button block :loading="isSaving" @click="onSaveContact" type="primary">{{ $t('save') }}</van-button>
diff --git a/packages/contact-list/index.vue b/packages/contact-list/index.vue
index 458b50131..799f8c3f5 100644
--- a/packages/contact-list/index.vue
+++ b/packages/contact-list/index.vue
@@ -11,7 +11,13 @@
         </cell>
       </cell-group>
     </radio-group>
-    <cell icon="add" class="van-contact-list__add van-hairline--top" @click="$emit('add')" :title="addText || $t('addText')" isLink />
+    <cell
+      icon="add"
+      class="van-contact-list__add van-hairline--top"
+      @click="$emit('add')"
+      :title="addText || $t('addText')"
+      is-link
+    />
   </div>
 </template>
 
diff --git a/packages/coupon-cell/index.vue b/packages/coupon-cell/index.vue
index 6bb899ddf..f2408be11 100644
--- a/packages/coupon-cell/index.vue
+++ b/packages/coupon-cell/index.vue
@@ -1,6 +1,6 @@
 <template>
   <cell-group class="van-coupon-cell">
-    <cell :title="title || $t('title')" :value="value" :isLink="editable" @click="$emit('click')" />
+    <cell :title="title || $t('title')" :value="value" :is-link="editable" @click="$emit('click')" />
   </cell-group>
 </template>
 
diff --git a/packages/coupon-list/Item.vue b/packages/coupon-list/Item.vue
index 105c66cce..9052ffd42 100644
--- a/packages/coupon-list/Item.vue
+++ b/packages/coupon-list/Item.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="van-coupon-item" :class="{ 'van-coupon-item--disabled': disabled }">
     <div class="van-coupon-item__head">
-      <div class="van-coupon-item__lines"></div>
+      <div class="van-coupon-item__lines" />
       <div class="van-coupon-item__gradient">
         <h2 v-html="faceAmount" />
         <p>{{ conditionMessage }}</p>
diff --git a/packages/datetime-picker/index.vue b/packages/datetime-picker/index.vue
index a9919941b..66c8ad97a 100644
--- a/packages/datetime-picker/index.vue
+++ b/packages/datetime-picker/index.vue
@@ -1,9 +1,9 @@
 <template>
   <picker
     ref="picker"
-    showToolbar
+    show-toolbar
     :columns="columns"
-    :visibleItemCount="visibleItemCount"
+    :visible-item-count="visibleItemCount"
     @change="onChange"
     @confirm="onConfirm"
     @cancel="$emit('cancel')"
diff --git a/packages/field/index.vue b/packages/field/index.vue
index 240b69887..7cc31feeb 100644
--- a/packages/field/index.vue
+++ b/packages/field/index.vue
@@ -12,7 +12,8 @@
       'van-field--autosize': autosize,
       'van-field--has-icon': hasIcon,
       'van-hairline--surround': border
-    }">
+    }"
+  >
     <textarea
       v-if="type === 'textarea'"
       v-bind="$attrs"
@@ -23,12 +24,12 @@
     />
     <input
       v-else
-      v-bind="$attrs"  
+      v-bind="$attrs"
       v-on="listeners"
       class="van-field__control"
       :type="type"
       :value="value"
-    />
+    >
     <div
       v-if="hasIcon"
       v-show="$slots.icon || value"
diff --git a/packages/goods-action-big-btn/index.vue b/packages/goods-action-big-btn/index.vue
index 5d9856f3e..bece91fbb 100644
--- a/packages/goods-action-big-btn/index.vue
+++ b/packages/goods-action-big-btn/index.vue
@@ -4,7 +4,7 @@
     :href="url"
     class="van-goods-action__big-btn"
     :type="primary ? 'primary' : 'default'"
-    bottomAction
+    bottom-action
     @click="onClick"
   >
     <slot>{{ text }}</slot>
diff --git a/packages/goods-action/index.vue b/packages/goods-action/index.vue
index 6a2b9d86e..9d74a1bda 100644
--- a/packages/goods-action/index.vue
+++ b/packages/goods-action/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-goods-action">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/icon/index.vue b/packages/icon/index.vue
index 7ee6219d8..36d4d9589 100644
--- a/packages/icon/index.vue
+++ b/packages/icon/index.vue
@@ -1,6 +1,6 @@
 <template>
   <i class="van-icon" :class="`van-icon-${name}`" v-on="$listeners">
-    <slot></slot>
+    <slot />
     <div v-if="info" class="van-icon__info">{{ info }}</div>
   </i>
 </template>
@@ -10,7 +10,9 @@ import install from '../utils/install';
 
 export default {
   install,
+
   name: 'van-icon',
+
   props: {
     name: String,
     info: String
diff --git a/packages/image-preview/image-preview.vue b/packages/image-preview/image-preview.vue
index d206ed45a..a98259508 100644
--- a/packages/image-preview/image-preview.vue
+++ b/packages/image-preview/image-preview.vue
@@ -7,7 +7,7 @@
     @touchend="onTouchEnd"
     @touchcancel="onTouchEnd"
   >
-    <swipe :initialSwipe="startPosition">
+    <swipe :initial-swipe="startPosition">
       <swipe-item v-for="(item, index) in images" :key="index">
         <img class="van-image-preview__image" :src="item" >
       </swipe-item>
diff --git a/packages/notice-bar/index.vue b/packages/notice-bar/index.vue
index 7824307e5..95ce23b79 100644
--- a/packages/notice-bar/index.vue
+++ b/packages/notice-bar/index.vue
@@ -7,7 +7,7 @@
     @click="$emit('click')"
   >
     <div class="van-notice-bar__left-icon" v-if="leftIcon">
-      <img :src="leftIcon" />
+      <img :src="leftIcon" >
     </div>
     <div class="van-notice-bar__content-wrap" ref="contentWrap">
       <div
diff --git a/packages/number-keyboard/index.vue b/packages/number-keyboard/index.vue
index b56cc144a..3d004ac74 100644
--- a/packages/number-keyboard/index.vue
+++ b/packages/number-keyboard/index.vue
@@ -1,6 +1,6 @@
 <template>
   <transition :name="transition ? 'van-slide-bottom' : ''">
-    <div 
+    <div
       v-show="show"
       :style="style"
       class="van-number-keyboard"
diff --git a/packages/pagination/index.vue b/packages/pagination/index.vue
index d1b60ca10..92f68d27e 100644
--- a/packages/pagination/index.vue
+++ b/packages/pagination/index.vue
@@ -7,10 +7,10 @@
     >
       {{ prevText || $t('prev') }}
     </li>
-    <li 
-      v-if="isMultiMode" 
-      v-for="(page, index) in pages" 
-      :key="index" 
+    <li
+      v-if="isMultiMode"
+      v-for="(page, index) in pages"
+      :key="index"
       class="van-pagination__item van-pagination__page van-hairline"
       :class="{ 'van-pagination--active': page.active }"
       @click="selectPage(page.number)"
@@ -22,8 +22,8 @@
     </li>
     <li
       class="van-pagination__item van-pagination__next van-hairline"
-      :class="{ 'van-pagination--disabled': value === computedPageCount }" 
-       @click="selectPage(value + 1)"
+      :class="{ 'van-pagination--disabled': value === computedPageCount }"
+      @click="selectPage(value + 1)"
     >
       {{ nextText || $t('next') }}
     </li>
@@ -144,4 +144,4 @@ export default create({
     }
   }
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/packages/panel/index.vue b/packages/panel/index.vue
index 9f8baebfc..d175dc9cf 100644
--- a/packages/panel/index.vue
+++ b/packages/panel/index.vue
@@ -8,10 +8,10 @@
       </slot>
     </div>
     <div class="van-panel__content">
-      <slot></slot>
+      <slot />
     </div>
     <div class="van-panel__footer van-hairline--top" v-if="$slots.footer">
-      <slot name="footer"></slot>
+      <slot name="footer" />
     </div>
   </div>
 </template>
diff --git a/packages/password-input/index.vue b/packages/password-input/index.vue
index ae9e9aee8..8bf8faf00 100644
--- a/packages/password-input/index.vue
+++ b/packages/password-input/index.vue
@@ -5,12 +5,12 @@
         <i :style="`visibility: ${visibility}`" />
       </li>
     </ul>
-    <div 
-      v-if="errorInfo || info" 
-      v-text="errorInfo || info" 
+    <div
+      v-if="errorInfo || info"
+      v-text="errorInfo || info"
       :class="errorInfo ? 'van-password-input__error-info' : 'van-password-input__info'"
     />
-</div>
+  </div>
 </template>
 
 <script>
diff --git a/packages/picker/PickerColumn.vue b/packages/picker/PickerColumn.vue
index 04dd10b3c..7c13097d7 100644
--- a/packages/picker/PickerColumn.vue
+++ b/packages/picker/PickerColumn.vue
@@ -11,7 +11,7 @@
   >
     <ul :style="wrapperStyle">
       <li
-        v-for="(option, index) in options" 
+        v-for="(option, index) in options"
         v-text="getOptionText(option)"
         :class="{
           'van-picker-column--disabled': isDisabled(option),
diff --git a/packages/picker/index.vue b/packages/picker/index.vue
index 9dddce25b..3b3452131 100644
--- a/packages/picker/index.vue
+++ b/packages/picker/index.vue
@@ -11,12 +11,12 @@
       <picker-column
         v-for="(item, index) in currentColumns"
         :key="index"
-        :valueKey="valueKey"
+        :value-key="valueKey"
         :options="item.values"
-        :className="item.className"
-        :defaultIndex="item.defaultIndex"
-        :itemHeight="itemHeight"
-        :visibileColumnCount="visibileColumnCount"
+        :class-name="item.className"
+        :default-index="item.defaultIndex"
+        :item-height="itemHeight"
+        :visibile-column-count="visibileColumnCount"
         @change="onChange(index)"
       />
       <div class="van-picker__frame van-hairline--top-bottom" :style="frameStyle" />
diff --git a/packages/popup/index.vue b/packages/popup/index.vue
index 5e9821cbe..9700ce2ce 100644
--- a/packages/popup/index.vue
+++ b/packages/popup/index.vue
@@ -1,7 +1,7 @@
 <template>
   <transition :name="currentTransition">
     <div v-show="value" class="van-popup" :class="{ [`van-popup--${position}`]: position }">
-      <slot></slot>
+      <slot />
     </div>
   </transition>
 </template>
diff --git a/packages/progress/index.vue b/packages/progress/index.vue
index 53051f46b..d086b54aa 100644
--- a/packages/progress/index.vue
+++ b/packages/progress/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-progress">
-    <span class="van-progress__portion" :style="portionStyle"></span>
+    <span class="van-progress__portion" :style="portionStyle" />
     <span class="van-progress__pivot" v-show="showPivot" :style="pivotStyle">{{ pivotText }}</span>
   </div>
 </template>
diff --git a/packages/pull-refresh/index.vue b/packages/pull-refresh/index.vue
index 4639bf1a4..2e8b35bcb 100644
--- a/packages/pull-refresh/index.vue
+++ b/packages/pull-refresh/index.vue
@@ -9,7 +9,7 @@
       @touchcancel="onTouchEnd"
     >
       <div class="van-pull-refresh__head">
-        <slot name="normal" v-if="status === 'normal'"></slot>
+        <slot name="normal" v-if="status === 'normal'"/>
         <slot name="pulling" v-if="status === 'pulling'">
           <span class="van-pull-refresh__text">{{ pullingText || $t('pullingText') }}</span>
         </slot>
@@ -23,7 +23,7 @@
           </div>
         </slot>
       </div>
-      <slot></slot>
+      <slot />
     </div>
   </div>
 </template>
diff --git a/packages/radio-group/index.vue b/packages/radio-group/index.vue
index 6fbcacce3..884ea789c 100644
--- a/packages/radio-group/index.vue
+++ b/packages/radio-group/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-radio-group">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/radio/index.vue b/packages/radio/index.vue
index 62d962cb9..5cd70bfd3 100644
--- a/packages/radio/index.vue
+++ b/packages/radio/index.vue
@@ -14,7 +14,7 @@
       <icon :name="currentValue === name ? 'checked' : 'check'" />
     </span>
     <span class="van-radio__label" @click="handleLabelClick">
-      <slot></slot>
+      <slot />
     </span>
   </div>
 </template>
diff --git a/packages/row/index.vue b/packages/row/index.vue
index 1e30afd69..8334a5642 100644
--- a/packages/row/index.vue
+++ b/packages/row/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-row" :style="style">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/sku/components/SkuActions.vue b/packages/sku/components/SkuActions.vue
index ac81970ae..199128944 100644
--- a/packages/sku/components/SkuActions.vue
+++ b/packages/sku/components/SkuActions.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="van-sku-actions">
-    <van-button v-if="showAddCartBtn" bottomAction @click="onAddCartClicked">{{ $t('cart') }}</van-button>
-    <van-button type="primary" bottomAction @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
+    <van-button v-if="showAddCartBtn" bottom-action @click="onAddCartClicked">{{ $t('cart') }}</van-button>
+    <van-button type="primary" bottom-action @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
   </div>
 </template>
 
diff --git a/packages/sku/components/SkuHeader.vue b/packages/sku/components/SkuHeader.vue
index f08154e91..cbe82c8c6 100644
--- a/packages/sku/components/SkuHeader.vue
+++ b/packages/sku/components/SkuHeader.vue
@@ -6,7 +6,7 @@
     <div class="van-sku-header__goods-info">
       <div class="van-sku__goods-name">{{ goods.title }}</div>
       <div class="van-sku__goods-price"><span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ price }}</span></div>
-      <span class="van-sku__close-icon" @click="onCloseClicked"></span>
+      <span class="van-sku__close-icon" @click="onCloseClicked" />
     </div>
   </div>
 </template>
diff --git a/packages/sku/components/SkuMessages.vue b/packages/sku/components/SkuMessages.vue
index 685d9beb6..e72796c25 100644
--- a/packages/sku/components/SkuMessages.vue
+++ b/packages/sku/components/SkuMessages.vue
@@ -1,23 +1,25 @@
 <template>
   <cell-group class="van-sku-messages">
     <template v-for="(message, index) in internalMessages">
-      <template v-if="message.type === 'image'"></template>
-      <field v-else-if="message.multiple == '1'"
+      <template v-if="message.type === 'image'" />
+      <field
+        v-else-if="message.multiple == '1'"
         :key="`${goodsId}-${index}`"
         :required="message.required == '1'"
         :label="message.name"
         :placeholder="getPlaceholder('textarea')"
         type="textarea"
-        v-model="messageValues[index]">
-      </field>
-      <field v-else
+        v-model="messageValues[index]"
+      />
+      <field
+        v-else
         :key="`${goodsId}-${index}`"
         :required="message.required == '1'"
         :label="message.name"
         :placeholder="getPlaceholder(message.type)"
         :type="getType(message)"
-        v-model="messageValues[index]">
-      </field>
+        v-model="messageValues[index]"
+      />
     </template>
   </cell-group>
 </template>
diff --git a/packages/sku/components/SkuRow.vue b/packages/sku/components/SkuRow.vue
index 5556d4121..0325e1bad 100644
--- a/packages/sku/components/SkuRow.vue
+++ b/packages/sku/components/SkuRow.vue
@@ -2,7 +2,7 @@
   <div class="van-sku-row">
     <div class="van-sku-row__title">{{ skuRow.k }}：</div>
     <div class="van-sku-row__items">
-      <slot></slot>
+      <slot />
     </div>
   </div>
 </template>
diff --git a/packages/sku/components/SkuRowItem.vue b/packages/sku/components/SkuRowItem.vue
index 9f4c48a9d..e33068a34 100644
--- a/packages/sku/components/SkuRowItem.vue
+++ b/packages/sku/components/SkuRowItem.vue
@@ -1,5 +1,6 @@
 <template>
-  <span v-if="isChoosable"
+  <span
+    v-if="isChoosable"
     @click="onSkuSelected"
     class="van-sku-row__item"
     :class="{ 'van-sku-row__item--active': isChoosed }">
diff --git a/packages/sku/components/SkuStepper.vue b/packages/sku/components/SkuStepper.vue
index 6a66dbf2c..9b7779355 100644
--- a/packages/sku/components/SkuStepper.vue
+++ b/packages/sku/components/SkuStepper.vue
@@ -7,9 +7,9 @@
         v-model="currentNum"
         :min="1"
         :max="stepperLimit"
-        :disableInput="disableStepperInput"
-        @overlimit="handleOverLimit">
-      </stepper>
+        :disable-input="disableStepperInput"
+        @overlimit="handleOverLimit"
+      />
     </div>
     <div v-if="!hideStock" class="van-sku__stock">{{ $t('remain', stock) }}</div>
     <div v-if="quota > 0" class="van-sku__quota">{{ $t('quota', quota) }}</div>
diff --git a/packages/sku/containers/SkuContainer.vue b/packages/sku/containers/SkuContainer.vue
index 01b76343e..72b915aaa 100644
--- a/packages/sku/containers/SkuContainer.vue
+++ b/packages/sku/containers/SkuContainer.vue
@@ -1,69 +1,71 @@
 <template>
-  <popup v-model="show" v-if="!isSkuEmpty" position="bottom" lockOnScroll preventScroll>
+  <popup v-model="show" v-if="!isSkuEmpty" position="bottom" lock-on-scroll prevent-scroll>
     <div class="van-sku-container">
       <div class="van-sku-layout">
         <slot name="sku-header" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb">
           <sku-header
-            :skuEventBus="skuEventBus"
-            :selectedSku="selectedSku"
-            :selectedSkuComb="selectedSkuComb"
+            :sku-event-bus="skuEventBus"
+            :selected-sku="selectedSku"
+            :selected-sku-comb="selectedSkuComb"
             :goods="goods"
-            :sku="sku">
-          </sku-header>
+            :sku="sku"
+          />
         </slot>
         <div class="van-sku-body scroller" :style="bodyStyle">
           <slot name="sku-group" :selectedSku="selectedSku" :skuEventBus="skuEventBus">
             <div v-if="hasSku" class="van-sku-group-container van-hairline--bottom">
-              <div v-for="(skuTreeItem, index) in skuTree"
+              <div
+                v-for="(skuTreeItem, index) in skuTree"
                 class="van-sku-row-group"
                 :key="index">
                 <sku-row
-                  :skuEventBus="skuEventBus"
-                  :skuRow="skuTreeItem">
+                  :sku-event-bus="skuEventBus"
+                  :sku-row="skuTreeItem"
+                >
                   <sku-row-item
                     v-for="(skuValue, index) in skuTreeItem.v"
                     :key="index"
-                    :skuKeyStr="skuTreeItem.k_s"
-                    :skuValue="skuValue"
-                    :skuEventBus="skuEventBus"
-                    :selectedSku="selectedSku"
-                    :skuList="sku.list">
-                  </sku-row-item>
+                    :sku-key-str="skuTreeItem.k_s"
+                    :sku-value="skuValue"
+                    :sku-event-bus="skuEventBus"
+                    :selected-sku="selectedSku"
+                    :sku-list="sku.list"
+                  />
                 </sku-row>
               </div>
             </div>
           </slot>
-          <slot name="extra-sku-group" :skuEventBus="skuEventBus"></slot>
+          <slot name="extra-sku-group" :skuEventBus="skuEventBus"/>
           <slot name="sku-stepper" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb" :selectedNum="selectedNum">
             <sku-stepper
               ref="skuStepper"
-              :skuEventBus="skuEventBus"
-              :selectedSku="selectedSku"
-              :selectedSkuComb="selectedSkuComb"
-              :selectedNum="selectedNum"
-              :stepperTitle="stepperTitle"
-              :skuStockNum="sku.stock_num"
+              :sku-event-bus="skuEventBus"
+              :selected-sku="selectedSku"
+              :selected-sku-comb="selectedSkuComb"
+              :selected-num="selectedNum"
+              :stepper-title="stepperTitle"
+              :sku-stock-num="sku.stock_num"
               :quota="quota"
-              :quotaUsed="quotaUsed"
-              :disableStepperInput="disableStepperInput"
-              :hideStock="hideStock">
-            </sku-stepper>
+              :quota-used="quotaUsed"
+              :disable-stepper-input="disableStepperInput"
+              :hide-stock="hideStock"
+            />
           </slot>
-         <slot name="sku-messages">
+          <slot name="sku-messages">
             <sku-messages
               ref="skuMessages"
-              :goodsId="goodsId"
-              :messagePlaceholderMap="messagePlaceholderMap"
-              :messages="sku.messages">
-            </sku-messages>
+              :goods-id="goodsId"
+              :message-placeholder-map="messagePlaceholderMap"
+              :messages="sku.messages"
+            />
           </slot>
         </div>
         <slot name="sku-actions" :skuEventBus="skuEventBus">
           <sku-actions
-            :skuEventBus="skuEventBus"
-            :buyText="buyText"
-            :showAddCartBtn="showAddCartBtn">
-          </sku-actions>
+            :sku-event-bus="skuEventBus"
+            :buy-text="buyText"
+            :show-add-cart-btn="showAddCartBtn"
+          />
         </slot>
       </div>
     </div>
@@ -71,6 +73,7 @@
 </template>
 
 <script>
+/* eslint-disable camelcase */
 import Vue from 'vue';
 import Popup from '../../popup';
 import Toast from '../../toast';
@@ -80,7 +83,11 @@ import SkuRowItem from '../components/SkuRowItem';
 import SkuStepper from '../components/SkuStepper';
 import SkuMessages from '../components/SkuMessages';
 import SkuActions from '../components/SkuActions';
-import { isAllSelected, getSkuComb, getSelectedSkuValues } from '../utils/skuHelper';
+import {
+  isAllSelected,
+  getSkuComb,
+  getSelectedSkuValues
+} from '../utils/skuHelper';
 import { LIMIT_TYPE } from '../constants';
 import { create } from '../../utils';
 
@@ -147,7 +154,10 @@ export default create({
     show(val) {
       this.$emit('input', val);
       if (!val) {
-        const selectedSkuValues = getSelectedSkuValues(this.sku.tree, this.selectedSku);
+        const selectedSkuValues = getSelectedSkuValues(
+          this.sku.tree,
+          this.selectedSku
+        );
 
         this.$emit('sku-close', {
           selectedSkuValues,
@@ -200,7 +210,7 @@ export default create({
         return {
           id: this.sku.collection_id,
           price: Math.round(this.sku.price * 100),
-          'stock_num': this.sku.stock_num
+          stock_num: this.sku.stock_num
         };
       } else if (this.isSkuCombSelected) {
         return getSkuComb(this.sku.list, this.selectedSku);
@@ -231,7 +241,7 @@ export default create({
   methods: {
     resetSelectedSku(skuTree) {
       this.selectedSku = {};
-      skuTree.forEach((item) => {
+      skuTree.forEach(item => {
         // 只有一个sku规格值时默认选中
         if (item.v.length === 1) {
           this.selectedSku[item.k_s] = item.v[0].id;
@@ -241,9 +251,7 @@ export default create({
       });
     },
     getSkuMessages() {
-      return this.$refs.skuMessages
-        ? this.$refs.skuMessages.getMessages()
-        : {};
+      return this.$refs.skuMessages ? this.$refs.skuMessages.getMessages() : {};
     },
     getSkuCartMessages() {
       return this.$refs.skuMessages
@@ -273,9 +281,10 @@ export default create({
     },
     handleSkuSelected(skuValue) {
       // 点击已选中的sku时则取消选中
-      this.selectedSku = this.selectedSku[skuValue.skuKeyStr] === skuValue.id
-        ? { ...this.selectedSku, [skuValue.skuKeyStr]: '' }
-        : { ...this.selectedSku, [skuValue.skuKeyStr]: skuValue.id };
+      this.selectedSku =
+        this.selectedSku[skuValue.skuKeyStr] === skuValue.id
+          ? { ...this.selectedSku, [skuValue.skuKeyStr]: '' }
+          : { ...this.selectedSku, [skuValue.skuKeyStr]: skuValue.id };
 
       this.$emit('sku-selected', {
         skuValue,
diff --git a/packages/step/index.vue b/packages/step/index.vue
index 4c5f42e25..ab3718d27 100644
--- a/packages/step/index.vue
+++ b/packages/step/index.vue
@@ -5,7 +5,7 @@
       <icon v-else name="checked" :style="{ color: $parent.activeColor }" />
     </div>
     <div class="van-step__title" :style="titleStyle">
-      <slot></slot>
+      <slot />
     </div>
     <div class="van-step__line" />
   </div>
diff --git a/packages/stepper/index.vue b/packages/stepper/index.vue
index adce68285..947b0743d 100644
--- a/packages/stepper/index.vue
+++ b/packages/stepper/index.vue
@@ -4,8 +4,7 @@
       class="van-stepper__stepper van-stepper__minus"
       :class="{ 'van-stepper__minus--disabled': isMinusDisabled }"
       @click="onChange('minus')"
-    >
-    </button>
+    />
     <input
       type="number"
       class="van-stepper__input"
@@ -17,8 +16,7 @@
       class="van-stepper__stepper van-stepper__plus"
       :class="{ 'van-stepper__plus--disabled': isPlusDisabled }"
       @click="onChange('plus')"
-    >
-    </button>
+    />
   </div>
 </template>
 
diff --git a/packages/steps/index.vue b/packages/steps/index.vue
index a5595e8da..6bf478b8e 100644
--- a/packages/steps/index.vue
+++ b/packages/steps/index.vue
@@ -13,7 +13,7 @@
       <slot name="message-extra" />
     </div>
     <div class="van-steps__items" :class="{ 'van-steps__items--alone': !title && !description }">
-      <slot></slot>
+      <slot />
     </div>
   </div>
 </template>
diff --git a/packages/swipe-item/index.vue b/packages/swipe-item/index.vue
index f2b80d43e..cc91fcc4d 100644
--- a/packages/swipe-item/index.vue
+++ b/packages/swipe-item/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-swipe-item" :style="style">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/swipe/index.vue b/packages/swipe/index.vue
index d9b2cd08d..82100f498 100644
--- a/packages/swipe/index.vue
+++ b/packages/swipe/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-swipe">
-    <div 
+    <div
       v-if="count > 1"
       :style="trackStyle"
       class="van-swipe__track"
@@ -10,15 +10,15 @@
       @touchcancel="onTouchEnd"
       @transitionend="$emit('change', activeIndicator)"
     >
-      <slot></slot>
+      <slot />
     </div>
     <div v-else class="van-swipe__track">
-      <slot></slot>
+      <slot />
     </div>
     <div class="van-swipe__indicators" v-if="showIndicators && count > 1">
       <i v-for="index in count" :class="{ 'van-swipe__indicator--active': index - 1 === activeIndicator }" />
     </div>
-</div>
+  </div>
 </template>
 
 <script>
diff --git a/packages/tab/index.vue b/packages/tab/index.vue
index 3e1d4f22b..92887be1a 100644
--- a/packages/tab/index.vue
+++ b/packages/tab/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-tab__pane" :class="{ 'van-tab__pane--select': index === parentGroup.curActive }">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/tabbar-item/index.vue b/packages/tabbar-item/index.vue
index a997ade7a..9940c2415 100644
--- a/packages/tabbar-item/index.vue
+++ b/packages/tabbar-item/index.vue
@@ -7,7 +7,7 @@
       <div v-if="info" class="van-icon__info">{{ info }}</div>
     </div>
     <div class="van-tabbar-item__text">
-      <slot :active="active"></slot>
+      <slot :active="active"/>
     </div>
   </div>
 </template>
diff --git a/packages/tabbar/index.vue b/packages/tabbar/index.vue
index 64fe97906..dc38d7b35 100644
--- a/packages/tabbar/index.vue
+++ b/packages/tabbar/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-tabbar van-hairline--top-bottom" :class="{ 'van-tabbar--fixed': fixed }">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
diff --git a/packages/tabs/index.vue b/packages/tabs/index.vue
index fb882e3e5..c68d261a9 100644
--- a/packages/tabs/index.vue
+++ b/packages/tabs/index.vue
@@ -1,9 +1,12 @@
 <template>
   <div class="van-tabs" :class="[`van-tabs--${type}`]">
-    <div class="van-tabs__wrap" :class="[`van-tabs__wrap--${position}`, {
-      'van-tabs--scrollable': scrollable,
-      'van-hairline--top-bottom': type === 'line'
-    }]">
+    <div
+      class="van-tabs__wrap"
+      :class="[`van-tabs__wrap--${position}`, {
+        'van-tabs--scrollable': scrollable,
+        'van-hairline--top-bottom': type === 'line'
+      }]"
+    >
       <div class="van-tabs__nav" :class="`van-tabs__nav--${type}`" ref="nav">
         <div v-if="type === 'line'" class="van-tabs__nav-bar" :style="navBarStyle" />
         <div
@@ -22,7 +25,7 @@
       </div>
     </div>
     <div class="van-tabs__content">
-      <slot></slot>
+      <slot />
     </div>
   </div>
 </template>
diff --git a/packages/tag/index.vue b/packages/tag/index.vue
index 3d19f2b55..3c981d598 100644
--- a/packages/tag/index.vue
+++ b/packages/tag/index.vue
@@ -1,6 +1,6 @@
 <template>
   <span class="van-tag van-hairline--surround" :class="{ [`van-tag--${type}`]: type, 'van-tag--plain': plain, 'van-tag--mark': mark }">
-    <slot></slot>
+    <slot />
   </span>
 </template>
 
diff --git a/packages/uploader/index.vue b/packages/uploader/index.vue
index bf46e2910..bacde365a 100644
--- a/packages/uploader/index.vue
+++ b/packages/uploader/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="van-uploader">
-    <slot></slot>
+    <slot />
     <input
       ref="input"
       type="file"
@@ -8,7 +8,7 @@
       v-bind="$attrs"
       :disabled="disabled"
       @change="onChange"
-    />
+    >
   </div>
 </template>
 
diff --git a/packages/vant-css/scripts/icon-template.css b/packages/vant-css/scripts/icon-template.css
index 6e1a9542c..1df380884 100644
--- a/packages/vant-css/scripts/icon-template.css
+++ b/packages/vant-css/scripts/icon-template.css
@@ -8,6 +8,7 @@
 }
 
 .van-icon {
+  position: relative;
   display: inline-block;
   font: normal normal normal 14px/1 "<%= fontName %>";
   font-size: inherit;
diff --git a/packages/vant-css/src/icon.css b/packages/vant-css/src/icon.css
index d59c83023..67f6449e7 100644
--- a/packages/vant-css/src/icon.css
+++ b/packages/vant-css/src/icon.css
@@ -8,6 +8,7 @@
 }
 
 .van-icon {
+  position: relative;
   display: inline-block;
   font: normal normal normal 14px/1 "vant-icon";
   font-size: inherit;
diff --git a/yarn.lock b/yarn.lock
index 975c80474..69e70312e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -214,10 +214,6 @@ arrify@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
 
-asap@~2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-
 asn1.js@^4.0.0:
   version "4.9.2"
   resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.9.2.tgz#8117ef4f7ed87cd8f89044b5bff97ac243a16c9a"
@@ -1502,10 +1498,6 @@ cookie@0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
 
-core-js@^1.0.0:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
-
 core-js@^2.2.0, core-js@^2.4.0, core-js@^2.5.0:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.1.tgz#ae6874dc66937789b80754ff5428df66819ca50b"
@@ -1959,7 +1951,7 @@ dns-txt@^2.0.2:
   dependencies:
     buffer-indexof "^1.0.0"
 
-doctrine@^2.0.0, doctrine@^2.0.2:
+doctrine@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.0.2.tgz#68f96ce8efc56cc42651f1faadb4f175273b0075"
   dependencies:
@@ -2077,12 +2069,6 @@ encodeurl@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.1.tgz#79e3d58655346909fe6f0f45a5de68103b294d20"
 
-encoding@^0.1.11:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
-  dependencies:
-    iconv-lite "~0.4.13"
-
 engine.io-client@1.8.3:
   version "1.8.3"
   resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-1.8.3.tgz#1798ed93451246453d4c6f635d7a201fe940d5ab"
@@ -2279,28 +2265,12 @@ escope@^3.6.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-plugin-html@^3.0.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-html/-/eslint-plugin-html-3.2.2.tgz#ef7093621d3a93de3206fd1f92f347ea9a1a4dfa"
+eslint-plugin-vue@^4.0.0-beta.4:
+  version "4.0.0-beta.4"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-4.0.0-beta.4.tgz#d47d8b9dcf0bcc5e417a1ec2ef405bb111822d56"
   dependencies:
-    htmlparser2 "^3.8.2"
-    semver "^5.4.1"
-
-eslint-plugin-react@^7.0.0:
-  version "7.5.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.5.1.tgz#52e56e8d80c810de158859ef07b880d2f56ee30b"
-  dependencies:
-    doctrine "^2.0.0"
-    has "^1.0.1"
-    jsx-ast-utils "^2.0.0"
-    prop-types "^15.6.0"
-
-eslint-plugin-vue@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-2.1.0.tgz#50ed0b7e9a2389d90e689743a3cc26b502441b69"
-  dependencies:
-    eslint-plugin-html "^3.0.0"
-    eslint-plugin-react "^7.0.0"
+    require-all "^2.2.0"
+    vue-eslint-parser "^2.0.1-beta.1"
 
 eslint-scope@^3.7.1:
   version "3.7.1"
@@ -2309,6 +2279,10 @@ eslint-scope@^3.7.1:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
+eslint-visitor-keys@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#3f3180fb2e291017716acb4c9d6d5b5c34a6a81d"
+
 eslint@^4.13.1:
   version "4.13.1"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.13.1.tgz#0055e0014464c7eb7878caf549ef2941992b444f"
@@ -2580,18 +2554,6 @@ faye-websocket@~0.11.0:
   dependencies:
     websocket-driver ">=0.5.1"
 
-fbjs@^0.8.16:
-  version "0.8.16"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.16.tgz#5e67432f550dc41b572bf55847b8aca64e5337db"
-  dependencies:
-    core-js "^1.0.0"
-    isomorphic-fetch "^2.1.1"
-    loose-envify "^1.0.0"
-    object-assign "^4.1.0"
-    promise "^7.1.1"
-    setimmediate "^1.0.5"
-    ua-parser-js "^0.7.9"
-
 fd-slicer@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.0.1.tgz#8b5bcbd9ec327c5041bf9ab023fd6750f1177e65"
@@ -3182,7 +3144,7 @@ html-webpack-plugin@^2.29.0:
     pretty-error "^2.0.2"
     toposort "^1.0.0"
 
-htmlparser2@^3.8.2, htmlparser2@^3.9.1:
+htmlparser2@^3.9.1:
   version "3.9.2"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.9.2.tgz#1bdf87acca0f3f9e53fa4fcceb0f4b4cbb00b338"
   dependencies:
@@ -3255,7 +3217,7 @@ https-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
 
-iconv-lite@0.4.19, iconv-lite@^0.4.17, iconv-lite@~0.4.13:
+iconv-lite@0.4.19, iconv-lite@^0.4.17:
   version "0.4.19"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
 
@@ -3574,13 +3536,6 @@ isobject@^2.0.0:
   dependencies:
     isarray "1.0.0"
 
-isomorphic-fetch@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
-  dependencies:
-    node-fetch "^1.0.1"
-    whatwg-fetch ">=0.10.0"
-
 isparta-loader@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isparta-loader/-/isparta-loader-2.0.0.tgz#4425f496c93f765bbceb4dd938576da307566ed1"
@@ -3721,12 +3676,6 @@ jsprim@^1.2.2:
     json-schema "0.2.3"
     verror "1.10.0"
 
-jsx-ast-utils@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.0.1.tgz#e801b1b39985e20fffc87b40e3748080e2dcac7f"
-  dependencies:
-    array-includes "^3.0.3"
-
 karma-chrome-launcher@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/karma-chrome-launcher/-/karma-chrome-launcher-2.2.0.tgz#cf1b9d07136cc18fe239327d24654c3dbc368acf"
@@ -4004,7 +3953,7 @@ longest@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
 
-loose-envify@^1.0.0, loose-envify@^1.3.1:
+loose-envify@^1.0.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
   dependencies:
@@ -4304,13 +4253,6 @@ no-case@^2.2.0:
   dependencies:
     lower-case "^1.1.1"
 
-node-fetch@^1.0.1:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
-  dependencies:
-    encoding "^0.1.11"
-    is-stream "^1.0.1"
-
 node-forge@0.6.33:
   version "0.6.33"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.6.33.tgz#463811879f573d45155ad6a9f43dc296e8e85ebc"
@@ -4468,7 +4410,7 @@ object-assign@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.0.tgz#7a3b3d0e98063d43f4c03f2e8ae6cd51a86883a0"
 
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+object-assign@^4.0.1, object-assign@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
 
@@ -5322,20 +5264,6 @@ progress@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.0.tgz#8a1be366bf8fc23db2bd23f10c6fe920b4389d1f"
 
-promise@^7.1.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
-  dependencies:
-    asap "~2.0.3"
-
-prop-types@^15.6.0:
-  version "15.6.0"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
-  dependencies:
-    fbjs "^0.8.16"
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
 proxy-addr@~2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.2.tgz#6571504f47bb988ec8180253f85dd7e14952bdec"
@@ -5698,6 +5626,10 @@ request@^2.81.0:
     tunnel-agent "^0.6.0"
     uuid "^3.1.0"
 
+require-all@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/require-all/-/require-all-2.2.0.tgz#b4420c233ac0282d0ff49b277fb880a8b5de0894"
+
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -5854,7 +5786,7 @@ selfsigned@^1.9.1:
   dependencies:
     node-forge "0.6.33"
 
-"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1:
+"semver@2 || 3 || 4 || 5", semver@^5.3.0:
   version "5.4.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"
 
@@ -5909,7 +5841,7 @@ set-immediate-shim@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
 
-setimmediate@^1.0.4, setimmediate@^1.0.5:
+setimmediate@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
 
@@ -6475,10 +6407,6 @@ typescript@^2.4.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.6.2.tgz#3c5b6fd7f6de0914269027f03c0946758f7673a4"
 
-ua-parser-js@^0.7.9:
-  version "0.7.17"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.17.tgz#e9ec5f9498b9ec910e7ae3ac626a805c4d09ecac"
-
 uc.micro@^1.0.1, uc.micro@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.3.tgz#7ed50d5e0f9a9fb0a573379259f2a77458d50192"
@@ -6646,9 +6574,9 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "~1.0.0"
     spdx-expression-parse "~1.0.0"
 
-vant-doc@0.3.19:
-  version "0.3.19"
-  resolved "https://registry.yarnpkg.com/vant-doc/-/vant-doc-0.3.19.tgz#ba1c9f0b56c62ba1cad6abedd31007e59e005a3d"
+vant-doc@0.3.20:
+  version "0.3.20"
+  resolved "https://registry.yarnpkg.com/vant-doc/-/vant-doc-0.3.20.tgz#3bed2e978c85634e09547b5a61b0620f95428142"
   dependencies:
     cheerio "0.22.0"
     decamelize "^1.2.0"
@@ -6688,6 +6616,17 @@ vue-add-globals@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/vue-add-globals/-/vue-add-globals-1.0.1.tgz#151f241426e70cbc790a1f31bb0f4435d7575efc"
 
+vue-eslint-parser@^2.0.1-beta.1:
+  version "2.0.1-beta.3"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-2.0.1-beta.3.tgz#cf1391d9c277dd72ee7faa2a2171d71aa1b85f70"
+  dependencies:
+    debug "^3.1.0"
+    eslint-scope "^3.7.1"
+    eslint-visitor-keys "^1.0.0"
+    espree "^3.5.2"
+    esquery "^1.0.0"
+    lodash "^4.17.4"
+
 vue-hot-reload-api@^2.2.0:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.2.4.tgz#683bd1d026c0d3b3c937d5875679e9a87ec6cd8f"
@@ -6867,10 +6806,6 @@ websocket-extensions@>=0.1.1:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
 
-whatwg-fetch@>=0.10.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
-
 whet.extend@~0.9.9:
   version "0.9.9"
   resolved "https://registry.yarnpkg.com/whet.extend/-/whet.extend-0.9.9.tgz#f877d5bf648c97e5aa542fadc16d6a259b9c11a1"