Was ist das vue.js-Plugin?

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!