mpvue开发微信小程序（2）

使用UI组件库，首推Vant Weapp

1、一直装Vant，折腾一晚上才弄明白Vant是做前端的，不是做小程序的

2、Vant Weapp不能用npm装，除非你不用mpvue

（当然，特别想用npm也不是不可以。比如，src目录下添加package.json文件，并设置依赖，然后在微信开发者工具中“工具”菜单选择“构建npm”，把路径设置正确即可）

下载Vant Weapp，并将dist复制到static目录下，命名“vant-weapp”

3、以van-button为例

app.json中增加键值，所有页面均可用，或只在相应页面的main.json中增加键值：

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

4、页面中显示按钮

XX.vue增加按钮代码：

<template>
  <div>
    <van-button type="primary">主要按钮</van-button>
  </div>
</template>

参考资料：

https://www.jianshu.com/p/4182f4a18cb6