微信小程序使用第三方ui组件库

第三方的ui组件有很多，本篇文章主要介绍Vant Weapp。
https://vant-contrib.gitee.io/vant-weapp/#/quickstart

1、安装

先在微信开发者工具终端通过命令安装vant weapp：
通过 npm 安装
npm i @vant/weapp -S --production

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

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

2、初始化package.json文件

安装vant weapp需要package.json文件，在终端执行以下命令行
npm init -y

3、使用vant weapp

• 1、先构建npm模块，工具–>构建npm
• 2、再将 app.json 中的 "style": "v2"去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。将需要使用的组件进行注册，如果需要在全局使用某组件就在app.json中注册，如果是局部使用某组件就在相应的文件下的.json文件中注册。
• 3、在页面中使用组件