Heim > Web-Frontend > js-Tutorial > Es gibt mehrere Werte von Bind-Variablen in Vue und Methoden, um zu verhindern, dass sie sich ändern (ausführliches Tutorial).

Es gibt mehrere Werte von Bind-Variablen in Vue und Methoden, um zu verhindern, dass sie sich ändern (ausführliches Tutorial).

亚连
Freigeben: 2018-06-02 11:57:15
Original
2698 Leute haben es durchsucht

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);
Nach dem Login kopieren

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>
Nach dem Login kopieren

Wenn sich die Nachrichtendaten ändern, ändert sich auch der Span-Inhalt sofort, aber wenn

<span v-once>{{msg}}</span>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage