Ist Vue ein einzelner Datenfluss oder ein bidirektionaler Datenfluss?

vue ist ein einzelner Datenstrom. Obwohl Vue über ein bidirektionales Bindungs-„V-Modell“ verfügt, folgt die Datenübertragung zwischen übergeordneten und untergeordneten Vue-Komponenten immer noch einem einseitigen Datenfluss. Die übergeordnete Komponente kann Requisiten an die untergeordnete Komponente übergeben, die untergeordnete Komponente kann diese jedoch nicht ändern Von der übergeordneten Komponente übergebene Requisiten können untergeordnete Komponenten nur über Ereignisse über Datenänderungen informieren.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Zwei-Wege-Bindung

Kurz gesagt bedeutet die Zwei-Wege-Bindung, dass die Aktualisierung des Modells die Aktualisierung der Ansicht auslöst und die Aktualisierung der Ansicht die Aktualisierung des Modells auslöst. Ihre Auswirkungen sind gegenseitig
[Bild-Upload fehlgeschlagen... (image-81a06f-1556975918443)]

Einseitiger Datenfluss

Kurz gesagt, einseitiger Datenfluss bedeutet, dass die Aktualisierung des Modells die Aktualisierung der Ansicht auslöst. und die Aktualisierung der Ansicht löst nicht die Aktualisierung des Modells aus. Ihre Funktionen sind einseitig.

Ist das nicht Unsinn, das weiß jeder?

<ul>
<li>Vue是单向数据流，不是双向绑定</li>
<li>Vue的双向绑定不过是语法糖</li>
<li>Object.definePropert是用来做响应式更新的</li>
</ul>

Das Implementierungsprinzip des V-Modells

Platzieren Sie es auf der Komponente element

• Tatsächlich spiegelt das Obige wider

  <AnalysisSub v-model="phoneInfo" :zip-code.sync="zipCode" /

Die beiden oben genannten Sätze sind gleich

TIPPS

Modell 2.2.0+

ermöglicht einer benutzerdefinierten Komponente das Anpassen von Requisiten und Ereignissen bei Verwendung des V-Modells. Standardmäßig verwendet das V-Modell einer Komponente den Wert als Requisite und die Eingabe als Ereignis, aber einige Eingabetypen wie Optionsfelder und Kontrollkästchen-Schaltflächen möchten die Wertrequisite möglicherweise für andere Zwecke verwenden. Um in diesen Situationen Konflikte zu vermeiden, nutzen Sie die Modelloption.

.sync Modifier 2.3.0+

In einigen Fällen müssen wir möglicherweise eine „Zwei-Wege-Bindung“ für eine Requisite durchführen. Leider führt eine echte bidirektionale Bindung zu Wartungsproblemen, da untergeordnete Komponenten ihre übergeordneten Komponenten ändern können, ohne dass eine offensichtliche Änderungsquelle für die übergeordneten oder untergeordneten Komponenten vorliegt.

Zusammenfassung

Also

Vue ist immer noch ein einseitiger Datenfluss

, das V-Modell ist nur syntaktischer Zucker, es ist eine

Methode zur Implementierung reaktionsfähiger Updates.

v-model- und .sync-Modifikatoren werden jeweils verwendet, wenn ein einzelnes Attribut einer Komponente oder wenn mehrere Attribute eine bidirektionale Bindung erfordern. Dies ist das Szenario, in dem sie verwendet werden. Verwandte Empfehlungen: „

vue.js Tutorial

“

Das obige ist der detaillierte Inhalt vonIst Vue ein einzelner Datenfluss oder ein bidirektionaler Datenfluss?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!