Heim > Artikel > Web-Frontend > Es gibt mehrere Werte von Bind-Variablen in Vue und Methoden, um zu verhindern, dass sie sich ändern (ausführliches Tutorial).
Jetzt werde ich mit Ihnen einen Artikel über die Werte mehrerer Bindungsvariablen in Vue und die Methoden zur Verhinderung ihrer Änderung teilen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.
1. Object.freeze(obj)-Anweisung
obj={ foo:"nan" } Object.freeze(obj);
Nachdem diese Anweisung zum Korrigieren einer Variablen verwendet wurde, werden nachfolgende Änderungen an dieser Variablen vorgenommen ungültig und melden Sie einen Fehler in der Konsole.
2. v-once-Elementbindung
<span>{{msg}}</span>
Wenn sich die Nachrichtendaten ändern, ändert sich auch der Span-Inhalt sofort, aber wenn
<span v-once>{{msg}}</span>
Wenn eine v-once-Bindung hinzugefügt wird, ändert sich der Inhalt im Span nicht entsprechend, selbst wenn sich die Nachricht in den Daten ändert. Dies verhindert jedoch nicht, dass sich die Daten ändern, sondern bindet lediglich ein HTML-Element, sodass es sich nicht ändert.
Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.
Verwandte Artikel:
Vue.js weist dem src von img dynamisch einen Wert zu
Ein Beispiel für die Definition Ihrer eigenen Winkelzeitkomponente basierend auf datepicker
Detaillierte Erläuterung der Vue-Filter-Filterinstanz
Das obige ist der detaillierte Inhalt vonEs gibt mehrere Werte von Bind-Variablen in Vue und Methoden, um zu verhindern, dass sie sich ändern (ausführliches Tutorial).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!