Vue中如何使用vant（Vue2的版本）

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

在项目中安装vant

// # Vue 3 项目，安装最新版 Vant：
cnpm i vant -S

// # Vue 2 项目，安装 Vant 2：
cnpm i vant@latest-v2 -S

安装完成之后还要引入组件,先安装插件

//# 安装插件
cnpm i babel-plugin-import -D

安装插件之后还要添加

 

// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

上面的过程做完之后就可以使用Vant 需要用什么在Vant 2 - 轻量、可靠的移动端组件库 (gitee.io)官网找一下 之后在需要使用Vant的组件内引入需要用的东西 比如

import { Button } from 'vant';