微信小程式mpvue框架中如何使用iView Weapp？

下載IView Weapp

https://github.com/TalkingData/iview-weapp

匯入檔案

#下載完後將dist資料夾中的所有檔案（也可以只選擇需要的元件）匯入到mpvue專案的static資料夾中。

使用元件

在需要使用元件的頁面中設定。

######main.js###

import Vue from 'vue'import App from './index'const app = new Vue(App)
app.$mount()export default {  config: {    usingComponents: {      'i-card': '../../../static/iview/card/index'
    }
  }
}

###然後在頁面中使用標籤就可成功呼叫###

 <i-card full title="卡片标题" extra="额外内容" thumb="https://i.loli.net/2017/08/21/599a521472424.jpg">
      <view slot="content">内容不错</view>
      <view slot="footer">尾部内容</view>
    </i-card>

############相關文章：#########微信小程式 新專案hello WeApp 詳細介紹############微信小程式的template範本如何使用##################################################################

以上是微信小程式mpvue框架中如何使用iView Weapp？的詳細內容。更多資訊請關注PHP中文網其他相關文章！