Vue.js kurz & gut

KAPITEL 23

Spezielle Attribute

In diesem Kapitel werden spezielle Attribute von Vue aufgeführt.

key

Erwartet: Number oder String

Das spezielle Attribut key wird vorrangig dazu verwendet, den Algorithmus des virtuellen DOM von Vue dabei zu unterstützen, die einzelnen VNodes zu identifizieren, etwa wenn bei der Nutzung von v-for eine neue Liste mit Nodes mit einer alten Liste verglichen wird:

<ul>

<li v-for="item in items" :key="item.id">

...

</li>

</ul>

Ohne die Angabe von Keys würde Vue einen Algorithmus verwenden, der die notwendigen Bewegungen von Nodes minimiert, und dabei versuchen, bereits bestehende Nodes wiederzuverwenden oder zu aktualisieren. Werden hingegen Keys verwendet, werden alle Elemente basierend auf den Werten der Keys neu ...