Detaillierte grafische Erläuterung der v-for-Iterationssyntax in Vue2.0

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Verwendung der v-for-Iterationssyntax in Vue2.0 Hinweise zur Verwendung von v-for-Iteration geben Syntax in Vue2.0 Welche, die folgenden sind praktische Fälle, werfen wir einen Blick darauf.

Heute habe ich beim Schreiben von Code zu Vue2.0 festgestellt, dass der Wert $key nicht erfolgreich gerendert werden konnte. Das Problem ist wie folgt:

Daher kann der Schlüsselwert dieses -Objekts nicht angezeigt werden:

Nachdem ich die Dokumentation überprüft hatte, fand ich heraus, dass dies daran liegt, dass sich in Vue2.0 die v-for-Iterationssyntax geändert hat:

Entsorgt:

Neue Array-Syntax

value in arr 
(value, index) in arr

Neue Objektsyntax

value in obj (value, key) in obj 
(value, key, index) in obj

Nach der Lösung:

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Wie man die bidirektionale Bindung der übergeordneten und untergeordneten Vue2-Komponente realisiert

Gelöst in Vue-Projekt Das Problem eines Hintergrundbildfehlers aufgrund eines falschen Pfads

Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erläuterung der v-for-Iterationssyntax in Vue2.0. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!