Detaillierte Interpretation von Mixin in Vue

Vue bietet einen Mischmechanismus – Mixins –, um eine effizientere Wiederverwendung von Komponenteninhalten zu erreichen. Lassen Sie mich Ihnen von meinem Verständnis von Mixins in Vue erzählen. Freunde, die es benötigen, können darauf verweisen

Vue bietet einen Mischmechanismus-Mixins, mit dem Komponenteninhalte effizienter wiederverwendet werden können. Zuerst dachte ich, es gäbe keinen Unterschied zwischen diesem und Komponenten. . Später fand ich heraus, dass es falsch war. Werfen wir einen Blick auf den Unterschied zwischen Mixins und importierten Komponenten unter normalen Umständen.

Nachdem auf die Komponente verwiesen wurde, entspricht dies dem Öffnen eines separaten Bereichs in der übergeordneten Komponente, um entsprechende Vorgänge basierend auf den Werten der Requisiten der übergeordneten Komponente auszuführen. Im Wesentlichen sind die beiden unterschiedlich und relativ unabhängig.

Und Mixins führen nach der Einführung der Komponente den internen Inhalt der Komponente wie Daten und andere Methoden, Methoden und andere Attribute mit dem entsprechenden Inhalt der übergeordneten Komponente zusammen. Dies entspricht der Erweiterung verschiedener Eigenschaftsmethoden der übergeordneten Komponente nach der Einführung.

Einfache Komponentenreferenz:

Übergeordnete Komponente + untergeordnete Komponente>>> Übergeordnete Komponente + untergeordnete Komponente

Mixins:

Übergeordnete Komponente + untergeordnete Komponente>>> Es gibt eine Attributmethode, dies bedeutet jedoch nicht, dass diese Variablen gleichzeitig gemeinsam genutzt und verarbeitet werden. Es findet keine Kommunikation zwischen den beiden statt, außer der Zusammenführung. Als ich Mixins zum ersten Mal sah, schien es mir naiv zu sein, eine nach unten gerichtete Datenaustauschlösung ähnlich wie Vuex zu sehen, und ich war sehr aufgeregt.

Lassen Sie mich Ihnen das Mixin in Vue vorstellen > 1. Was ist Mixin? 🎜>Die Mixin-Datei ist ein Objekt, das jede beliebige Komponente der Vue-Komponente enthalten kann. Es ist eine sehr flexible Möglichkeit, wiederverwendbare Funktionen von Vue-Komponenten zu verteilen. Wenn ein Mixin von einer Komponente verwendet wird, werden alle Eigenschaften/Methoden im Minxin mit den Eigenschaften/Methoden in der Komponente gemischt. Zweitens verwendet Mixin

. In der Vue-Komponente kann es Mixins-Attribute geben, und der Attributwerttyp ist ein Array. Führen Sie Mixin als Element-Mixin des Mixins-Arrays ein: [mixin]Komponente A wendet Mixin an und die Attribute der beiden, wie Methoden, Komponenten und Anweisungen, werden in demselben Objekt gemischt , Komponenten und Wenn es in Direktiven Attribute mit demselben Namen gibt, werden diese in Mixin ignoriert. Hook-Funktionen mit demselben Namen werden in einem Array zusammengefasst und alle aufgerufen. Die Hook-Funktion des Mixins wird vor der Hook-Funktion der Komponente aufgerufen.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel: So rendern Sie das Rendern von Funktionen in Vue (ausführliches Tutorial)

Über den Sortieralgorithmus von JS Hill (ausführliches Tutorial)

Details zur Verwendung der Jade-Template-Engine

So passen Sie die PC-WeChat-Scancode-Anmeldung an

So implementieren Sie die Anzeige von QQ-Weltraumfotoalben mit Javascript

Über den Schleifenmechanismus von js-Ereignissen (ausführliches Tutorial)

Zusammenfassung von JS-Sortieralgorithmus

So implementieren Sie Formularantworten in Angular4

So laden Sie Komponenten in Vue Webpack require.ensure

So verwenden Sie Iframe-Elemente in Vue-Komponenten

So verwenden Sie Vue, um die Navigationsleiste zu implementieren

So implementieren Sie Scrollen auf der Webseite nach oben

So implementieren Sie das Breakpoint-Debugging von TS-Dateien in Angular2

So implementieren Sie das verzögerte Laden von Routen im Vue-Router

So implementieren Sie eine dynamische Suche mit Angularjs-Filtern

So erstellen Sie eine Vue-Anwendung über vue-cli

Das obige ist der detaillierte Inhalt vonDetaillierte Interpretation von Mixin in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!