目前是vant2 的使用方法

  1. npm i vant -S 首先下载vant包

  2. npm i babel-plugin-import -D 安装插件用来实现按需引入样式

    1. // 对于使用 babel7 的用户，可以在 babel.config.js 中配置
    2. module.exports = {
    3. plugins: [
    4.  ['import', {
    5.    libraryName: 'vant',
    6.    libraryDirectory: 'es',
    7.    style: true
    8.  }, 'vant']
    9. ]
    10. }

  3. 将plugin这一部分粘贴到vue中的babel.config.js

    1. module.exports = {
    2. presets: [
    3.  '@vue/cli-plugin-babel/preset'
    4. ],
    5. plugins: [
    6.  ['import', {
    7.    libraryName: 'vant',
    8.    libraryDirectory: 'es',
    9.    style: true
    10.  }, 'vant']
    11. ]
    12. }

  4. 然后将要使用的组件在main.js文件引入挂载就可以了

  5. 然后页面就可以正常使用了