1. 安装vant

npm i vant -S

2. 安装推荐应用 （按需引入）

npm i babel-plugin-import -D


可以在 babel.config.js 中配置

module.exports = {
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
};

3. 在main.js中引入
   import Vant from ‘vant’
   import ‘vant/lib/index.css’
   Vue.use(vant)
   或者
   此处我是把所有需要用的模块都整理一个js里面了，然后引入main.js
   新建一个demand.js 把需要引入的vant模块都放在这里面，然后引入main.js,

demand.js

import { Swipe, SwipeItem } from 'vant';
import { NavBar } from 'vant';
import { Icon } from 'vant';
import { Cell, CellGroup } from 'vant';


export default {
    install(Vue) {
   
        Vue.use(Icon);
        Vue.use(NavBar);
        Vue.use(Cell).use(CellGroup);
        Vue.use(Swipe).use(SwipeItem);
    
    }
}

main.js

import Vue from 'vue'
import Vantdemand from './public/js/demand'
import 'vant/lib/index.css'

这样我们也能达到效果。