持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第4天，点击查看活动详情
1.Vant Weapp介绍
Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。
网址：youzan.github.io/vant-weapp/…
2.安装淘宝镜像cnpm
-
我们在下载包的时候经常下载得很慢，推荐大家使用淘宝镜像cnpm,他可以极大地帮我们加快包的下载速度。我们只需要在文件根目录打开终端窗口，输入以下命令即可安装cnpm。
npm install -g cnpm --registry=https://registry.npm.taobao.org -
那么怎么检查我们是否下好了淘宝镜像呢？我们只需要win+r，打开一个终端，输入cnpm -v 按下回车，如果能看到版本号，则说明安装成功，入下图所示。
3.Vant Weapp的引入
- Vant Weapp的引入分为两种，全局引入和局部引入。个人比较喜欢全局引入，虽然代码体积大点，但方便，毕竟是自己连项目，还是建议大家全局引入。
1.在终端输入这行命令安装： npm i vant-weapp -S --production
2. 构建npm包：
3.接下来我们就可以使用其中的组件了
4.Vant Weapp组件的使用
- 先演示下通告栏的使用吧
- 首先需要把app.json的v2样式删除，防止样式冲突
- 然后在usingComponents中CV图中代码
- 基础用法，在index.wxml文件中CV官网中的代码，文字改为自己需要的文字。
- 效果如图
- 官网下面还有许多属性可以改变通知栏的样子，可以自行研究使用。
