Vant的安装和配合引入Vue.js项目里的方法步骤

npm install vant --save --registry=https://registry.npm.taobao.org 

# 安装 babel-plugin-import 插件
npm i babel-plugin-import -D 

 \"plugins\":[
  \"transform-runtime\",
  [\"import\",{
   \"libraryName\":\"vant\",
   \"libraryDirectory\":\"es\",
   \"style\":true
  }]
 ],

\"plugins\": [
    \"transform-vue-jsx\", 
    \"transform-runtime\",
    [\"import\", [{ \"libraryName\": \"vant\",\"libraryDirectory\":\"es\",\"style\": true }]]
  ]

import { Button } from \'vant\'
Vue.use(Button)

<template>
    <div class=\"detail\">
      <div class=\"slide\">
        <van-swipe :autoplay=\"3000\">
          <van-swipe-item>1</van-swipe-item>
          <van-swipe-item>2</van-swipe-item>
          <van-swipe-item>3</van-swipe-item>
          <van-swipe-item>4</van-swipe-item>
        </van-swipe>
      </div>
    <van-button type=\"primary\">主要按钮</van-button>
    </div>
</template>
 
< >
  import { Swipe,SwipeItem,Button } from \"vant\"
    export default {
      components:{
         [Button.name]:Button,
         [Swipe.name]:Swipe,
         [SwipeItem.name]:SwipeItem
      },
        data () {
            return {
            }
        },
        methods: {}
    }
</ >
<style scoped>
</style>