Heim >Web-Frontend >Front-End-Fragen und Antworten >So führen Sie Plug-Ins in VueJS ein

So führen Sie Plug-Ins in VueJS ein

青灯夜游
青灯夜游Original
2021-09-28 13:34:183829Durchsuche

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.

So führen Sie Plug-Ins in VueJS ein

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.

wird direkt eingeführt

1. Fügen Sie

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=?"></script>
2 zur index.html des Projekts hinzu, legen Sie in der Konfigurationsdatei von build/webpack.base.conf.js die externe Erweiterung (externals-Attribut)

externals: {
    'BaiduMap': 'BMap'
}
fest

Modulare Einführung

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

vue.js Tutorial

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn