Fassen Sie VUE-Instanzparameter und MVVM-Modus-Wissenspunkte zusammen und organisieren Sie sie

Dieser Artikel bringt Ihnen relevantes Wissen über vue, das hauptsächlich Probleme im Zusammenhang mit Vue-Instanzparametern und dem MVVM-Modus vorstellt. Beim Instanziieren eines Vue-Objekts handelt es sich bei dem Parameter um ein Optionsobjekt .

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]

Konfigurationsparameter

Instanziieren eines Vue-Objekts. Im Folgenden werden wir einige einfache Dinge zu den Optionen tun darin enthalten sind.

new Vue({
  options})

In der Vue-Instanz können Sie die Konfigurationselemente der Instanz über this.$options

Datenbezogene Optionen

Optionen	Beschreibung
anzeigen Daten	Erklären Sie das als reaktiv Bindung ist erforderlich. Datenobjekt
props	Empfängt Daten von der übergeordneten Komponente
propsData	Übergeben Sie Requisiten manuell beim Erstellen einer Instanz, um das Testen von Requisiten zu erleichtern
computed	wird zum Deklarieren berechneter Eigenschaften verwendet
Methoden	Methoden zum Definieren von Vue-Instanzen
Beobachten	Überwachen Sie Eigenschaften, überwachen Sie Datenänderungen auf Vue-Instanzen und rufen Sie deren Rückruffunktionen auf

DOM-bezogene Optionen

Description

Optionen	BESCHREIBUNG
EL	DECLAR DER MOGING PUNKT DER VUE Wurzelkomponente (einzigartig für die Stammkomponente) Es ist eine Alternative zu String-Vorlagen zum Erstellen eines virtuellen DOM
renderError	Es wird nur in der Entwicklungsumgebung verwendet. Wenn in render() ein Fehler auftritt, wird eine zusätzliche Rendering-Ausgabe bereitgestellt
	Lebenszyklus-Hook Verwandte Optionen
	Option

beforeCreate tritt auf, nachdem die Vue-Instanz initialisiert wurde und bevor der Datenbeobachter und die Ereignis-/Beobachterereignisse konfiguriert wurden. tritt nach dem auf Vue-Instanz wird initialisiert und Datenbeobachter Nachdem das Ereignis/Watcher-Ereignis konfiguriert wurde, wird Ressourcenbezogene OptionenOptionen{}} und innerhalb von v-bind verwendet werden kann.

	created
beforeMount	aufgerufen, bevor die Montage beginnt. Zu diesem Zeitpunkt wird render() zum ersten Mal aufgerufen
montiert	el ist durch die neue vm.$el ersetzt und gemountet. Wird aufgerufen, nachdem die Instanz angekommen ist
beforeUpdate	Wird aufgerufen, wenn die Daten aktualisiert werden, was geschieht, bevor das virtuelle DOM erneut gerendert und gepatcht wird
aktualisiert	Wird aufgerufen Nachdem Datenänderungen dazu führen, dass das virtuelle DOM neu gerendert und gepatcht wird
aktiviert	Wird aufgerufen, wenn die Keep-Alive-Komponente aktiviert ist.
deaktiviert beforeDestroy	Wird aufgerufen, bevor die Instanz zerstört wird. Die Vue-Instanz ist weiterhin verfügbar
Beschreibung
Anweisungen	Selbstregistrierung lokaler Registrierungen konfigurieren Anweisungen definieren
Filter	Filter, der filtern, filtern, Format und andere damit verbundene Verarbeitungen für einige Daten. Der Filter ist eine Methode mit Parametern und Rückgabewerten, die nur in {

KomponentenKonfigurieren Sie lokale Registrierungskomponenten

Geben Sie die übergeordnete Instanz der aktuellen Instanz an und verwenden Sie diese für untergeordnete Instanzen. $parent greift auf die übergeordnete Instanz zu, und die übergeordnete Instanz greift über das $children-Array auf die untergeordnete Instanz zu. mixins mischt die Eigenschaften in das Vue-Instanzobjekt und wird vor den Eigenschaften des Vue selbst ausgeführt Instanzobjekte werden aufgerufen (Mehrfachvererbung von Komponenten) von Komponenten) provide&inject2 Eigenschaften müssen zusammen verwendet werden, um allen untergeordneten Komponenten eine Komponenteninjektionsabhängigkeit bereitzustellen

Andere Optionen:Optionen:Beschreibung

Ändern Sie den Stil der Vorlagenzeichenfolge , Standard ist {{}}funktionalMachen Sie die Komponente zustandslos (keine Daten) und instanzlos (kein dieser Kontext)ModellErlauben Sie benutzerdefinierten Komponenten, Requisiten anzupassen, wenn Sie V-Modell und Ereignis verwenden inheritAttrsStandardmäßig werden nicht-props-Attributbindungen im übergeordneten Bereich auf das Stammelement der untergeordneten Komponente angewendet. Wenn Sie Komponenten schreiben, die mit anderen Komponenten oder Elementen verschachtelt sind, können Sie diese Eigenschaft auf „false“ setzen, um diese Standardverhaltensweisen zu deaktivieren Modell, Ansicht und Controller repräsentieren jeweils Daten, Ansicht und Controller. Tatsächlich ist dies nur eine Designidee: Controller: Controller (große Haushälterrolle), Monitor Modelldaten Ansichtsverhalten ändern und steuern, Benutzerinteraktion verwaltenV(Ansicht): stellt Ansicht (Seite) dar Implementieren Sie eine Parser-Kompilierung, die die relevanten Anweisungen jedes Knotens scannen und analysieren, die Vorlagendaten initialisieren und die entsprechenden Abonnenten initialisieren kann.

	MVC verstehen
Modell: Datenmodell, das zum Speichern von Daten verwendet wird.	Ansicht: Ansichtsschnittstelle, die zum Anzeigen der Benutzeroberfläche und zum Reagieren auf Benutzerinteraktionen verwendet wird.
MVVM-Modus	M(Modell): stellt Daten dar
VM(Ansichtsmodell): stellt Ansicht dar. Modell, Rolle: verwendet um die Konvertierung zwischen Ansichten und Modellen zu verwalten.	MVVM ist eine erweiterte Version von MVC. Tatsächlich gibt es keinen wesentlichen Unterschied zu MVC, es handelt sich lediglich um eine Änderung der Position des Codes Wenn sich die Ansicht ändert, ändert sich auch die Ansicht, wenn sich das Modell ändert. Der entscheidende Punkt ist, wie die Daten die Ansicht aktualisieren Daten. Tatsächlich kann das Eingabe-Tag das Eingabeereignis überwachen Benachrichtigen Sie die Abonnenten, wenn es Änderungen gibt.
Implementieren Sie einen Abonnenten-Watcher, der Benachrichtigungen über Eigenschaftsänderungen empfangen und entsprechende Funktionen ausführen kann, um die Ansicht zu aktualisieren.

Vues bidirektionales Bindungsprinzip:

Die bidirektionale Bindung von Vue-Daten wird durch Datenhijacking in Kombination mit dem Publisher-Subscriber-Modell erreicht. Sein Kern besteht darin, die Set- und Get-Funktionen über die Methode Object.defineProperty () festzulegen, um eine Datenentführung zu erreichen, Nachrichten an Abonnenten zu veröffentlichen, wenn sich die Daten ändern, und die entsprechenden Überwachungsrückrufe auszulösen. Das heißt, die Daten und die Ansicht werden synchronisiert, und wenn sich die Ansicht ändert, ändern sich auch die Daten. Ende

]

Das obige ist der detaillierte Inhalt vonFassen Sie VUE-Instanzparameter und MVVM-Modus-Wissenspunkte zusammen und organisieren Sie sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!