mpvue小程序開發之 集成第三方UI框架Vant Weapp UI

集成進第三方的UI框架其實很簡單

這裏把vant-weapp的dist目錄重命名爲vant-weapp放在項目根目錄的static文件夾下：

在src文件夾下，即咱們寫vue代碼的位置，正在編寫的頁面中添加main.json文件（vue代碼編譯成小程序代碼時會直接使用這個文件）

{
  "usingComponents": {
    "van-button": "/static/vant-weapp/button/index"        
    //這個路徑是指根目錄下static文件中...
  }
}

在index.vue中使用

<van-button type="default">測試按鈕</van-button>
 <van-button type="primary">測試主要按鈕</van-button>
 <van-button type="warning">測試警告按鈕</van-button>
 <van-button type="danger">測試危險按鈕</van-button>