微信小程序内如何使用vant-weapp组件

幼敏悟过人，读书辄成诵。这篇文章主要讲述微信小程序内如何使用vant-weapp组件相关的知识，希望能为你提供帮助。
vant-weapp文档：https://youzan.github.io/vant-weapp/#/quickstart
快速上手：
1.在项目文件夹根目录下打开终端且输入命令npm init初始化生成一个package.json的文件
2.通过npm安装：npm i @vant/weapp -S --production
3.构建npm包：
先打开微信开发者工具，点击工具 -> 构建 npm；

文章图片

构建完成后，会生成一个 miniprogram_npm文件夹就成功了
【微信小程序内如何使用vant-weapp组件】4.构建完成后，使用前准备
构建完成后，还需要对编辑器进行使用 npm 模块设置

文章图片

5.使用如下例子：
在对用的app.json或index.json文件中配置
"usingComponents": { "van-popup":"@vant/weapp/popup" }
wxml页面直接使用
< van-popup show="true"> 内容< /van-popup>

注意：在 app.json 中去除 "style": "v2"，小程序给新版基础组件强行加上了许多样式，难以去除，不关闭将造成样式混乱。
在 app.json 中去除 "style": "v2"