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';

Logo

前往低代码交流专区

更多推荐