Heim >Web-Frontend >Front-End-Fragen und Antworten >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.
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.
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>
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!