介绍

1. Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。
2. 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本 和 微信小程序版本，并由社区团队维护 React 版本 和 支付宝小程序版本。

安装

# Vue 3 项目，安装最新版 Vant
npm i vant

# Vue 2 项目，安装 Vant 2
npm i vant@latest-v2

配置插件

1. 安装插件

   npm i babel-plugin-import -D

2. 配置插件，在 babel.config.js 中添加配置

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

3. 注：配置插件后需要重启 vue-serve，否则没有效果

使用组件