IView Weapp herunterladen

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

Datei importieren

Importieren Sie nach dem Herunterladen alle Dateien im dist-Ordner (Sie können auch nur die erforderlichen Komponenten auswählen) in den statischen Ordner des mpvue-Projekts.

Komponenten verwenden

Konfigurieren Sie auf der Seite, wo die Komponente verwendet werden muss.

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'
    }
  }
}

Verwenden Sie dann das Tag auf der Seite, um

 <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>

Verwandte Artikel erfolgreich aufzurufen ：

WeChat Mini-Programm Neues Projekt Hallo WeApp Detaillierte Einführung

So verwenden Sie die Vorlage des WeChat Mini-Programms

Das obige ist der detaillierte Inhalt vonWie verwende ich iView Weapp im WeChat-Applet-MPvue-Framework?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!