vue.js Plug-in ist ein Funktionsmodul, das zur Erweiterung des Technologie-Stacks verwendet wird. Sein Ziel ist es, die Funktionen von Vue zu verbessern und zu ergänzen. Der Funktionsumfang von Plug-Ins unterliegt jedoch keinen strengen Einschränkungen.
Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue2.9-Version, Thinkpad T480-Computer.
vue-Plugin
Plugin (Plugin) ist ein Funktionsmodul, das zur Erweiterung Ihres Technologie-Stacks verwendet wird. Sein Ziel ist Vue selbst. (Plug-ins sind Erweiterungen und Ergänzungen der Funktionen von Vue)
Offizielle Erklärung
Plug-ins werden normalerweise verwendet, um globale Funktionen zu Vue hinzuzufügen. Es gibt keine strengen Einschränkungen hinsichtlich des Funktionsumfangs von Plug-Ins – im Allgemeinen gibt es folgende Typen:
Globale Methoden oder Eigenschaften hinzufügen. Zum Beispiel: vue-custom-element
Globale Ressourcen hinzufügen: Anweisungen/Filter/Übergänge usw. Beispielsweise fügt vue-touch
einige Komponentenoptionen durch globales Mischen hinzu. Beispielsweise fügt vue-router
Vue-Instanzmethoden hinzu, indem es sie zu Vue.prototype hinzufügt.
Eine Bibliothek, die ihre eigene API bereitstellt und gleichzeitig eine oder mehrere der oben genannten Funktionen bereitstellt. Zum Beispiel vue-router
So verwenden Sie das Plug-in
Verwenden Sie das Plug-in über die globale Methode Vue.use(). Es muss abgeschlossen sein, bevor Sie new Vue() aufrufen, um die Anwendung zu starten:
// 调用 `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
new Vue({
// ...组件选项
})Um mehrere Registrierungen desselben Plugins zu verhindern: Wir können ein optionales Objekt übergeben
Vue.use(MyPlugin, { someOption: true })Vue.use verhindert automatisch mehrere Registrierungen desselben Plugins , dann wird das Plugin auch bei mehrmaligem Aufruf nur einmal registriert.
Hinweis:
Einige Plug-Ins, die offiziell von Vue.js bereitgestellt werden (z. B. vue-router), rufen automatisch Vue.use() auf, wenn sie erkennen, dass Vue eine zugängliche globale Variable ist. In einer Modulumgebung wie CommonJS sollten Sie Vue.use() jedoch immer explizit aufrufen:
// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时 var Vue = require('vue') var VueRouter = require('vue-router') // 不要忘了调用此方法 Vue.use(VueRouter)
Das obige ist der detaillierte Inhalt vonWas ist das vue.js-Plugin?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
