So führen Sie Plug-Ins in VueJS ein

Einführungsmethode: 1. Verwenden Sie die Anweisungen „import“ und „Vue.use(..)“ in „main.js“. 2. Fügen Sie die Anweisung „import 'path“ im Skript-Tag der Vue-Datei hinzu. app .vue“ mithilfe von Import- und „components:{}“-Anweisungen usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Der erste Schritt: Installieren, manuell herunterladen, Plug-In anpassen, Website besuchen

Bei allgemeinen Vue- oder JS-Plug-Ins können Sie diese normalerweise direkt installieren und dann mit dem nächsten Schritt fortfahren. Es ist jedoch nicht ausgeschlossen, dass die Installation aus verschiedenen Gründen fehlschlägt und einen manuellen Download erfordert. Es gibt auch einige benutzerdefinierte Plug-Ins.

Zweiter Schritt: Einführung des Plug-Ins

js globale Einführung

main.js-Dateizusatz

import Loading from './components/loading'
Vue.use(Loading)

js separat eingeführt

vue-Dateiskript-Tag hinzufügen.

import '../../../components/loading/index.js'

vue globale Einführung

Vue wird im Allgemeinen in js importiert und dann eingeführt, daher ist die Einführungsmethode dieselbe wie bei js. Es gibt jedoch Sonderfälle, beispielsweise die Einführung der Navigationsleiste, die direkt von vue eingeführt wird. Die Gesamtsituation besteht darin,

import Header from './components/Header'
components: {
    Header
  }

vue separat in app.vue hinzuzufügen.

1. Fügen Sie

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=？"></script>

externals: {
    'BaiduMap': 'BMap'
}

Gleich wie die globale Einführung von js, dieser Teil erfordert die Installation oder den Download von Plug-InsVerwandte Empfehlungen: „

“

Das obige ist der detaillierte Inhalt vonSo führen Sie Plug-Ins in VueJS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!