vue中，vant移动端组件库的使用教程（推荐）

1.通过 npm 安装

# Vue 2 项目，安装 Vant 2： npm i vant -S

# Vue 3 项目，安装 Vant 3： npm i vant@next -S

2.按需引入组件

# 安装插件

npm i babel-plugin-import -D

在.babelrc 或 babel.config.js 中添加配置：

{
  "plugins": [
    [
      "import",
      {
        "libraryName": "vant",
        "libraryDirectory": "es",
        "style": true
      }
    ]
  ]
}

3.在代码中直接引入 Vant 组件，插件会自动将代码转化为按需引入的形式。

例如：引入button按钮

import { Button } from 'vant';

vue.use(Button)