微信小程序 Vant 组件 的使用

步骤1：初始化package.json

npm init -y

步骤2： 通过 npm 安装 vant 组件库

# 通过 npm 安装
npm i @vant/weapp -S --production

# 通过 yarn 安装
yarn add @vant/weapp --production

# 安装 0.x 版本
npm i vant-weapp -S --production

步骤3：构建 npm 模块，会自动创建 miniprogram_npm 目录，存放构建好的代码

（操作方法：工具——构建npm）

步骤4：在app.json或index.json中引入组件，详细介绍见快速上手。（比如：我想使用Button按钮）

"usingComponents": {
  "van-button": "@vant/weapp/button/index"
}

步骤5：使用组件

引入组件后，可以在 wxml 中直接使用组件

<van-button type="primary">按钮</van-button>