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