vant在vue中的使用攻略

1. 安装通过npm

npm i vant -S

2. 引入

为了方便管理可以在src下创建一个utils文件夹，文件夹下创建一个vant.js将需要的写在该页面中

3. 全局注册

因为全局中很多地方都需要用到vant的一些组件所有我们可以直接在main.js中执行注册一下

4. 配置babel.config.js文件

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
}