v-for a dhéanann liosta eilimintí a dhéanann trí athrú ar array (nó réad/raon). Ba cheart go mbeadh sé á phéireáil i gcónaí le :key uathúil ionas go bhféadfaidh Vue rudaí a rianú go héifeachtach.
<script setup>
import { ref } from "vue";
const items = ref([{ id: 1, name: "Apple" }, { id: 2, name: "Banana" }]);
</script>
<template>
<ul>
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>
</template>
<template>
<li v-for="(item, index) in items" :key="item.id">{{ index }}: {{ item.name }}</li>
<li v-for="(value, key) in myObject" :key="key">{{ key }}: {{ value }}</li>
<span v-for="n in 5" :key="n">{{ n }}</span> <!-- range 1..5 -->
</template>
:keyUsáideann Vue an key chun a aithint cén rudaí a bhí athraithe, curtha leis nó bainthe, ionas gur féidir léi nóid DOM atá ann a athúsáid agus a atheagrú ionas nach caithfidh sí iad a thógáil arís. Gan eochair chóir, filleann Vue ar straitéis "páitse in-áit" ar féidir gur cúis chugat a dhéanann
<!-- ❌ using index as key → wrong when the list reorders/filters -->
<li v-for="(item, i) in items" :key="i">
<input /> <!-- input state can attach to the WRONG item after reordering -->
</li>
<!-- ✅ stable unique id → Vue tracks each item correctly -->
<li v-for="item in items" :key="item.id">...</li>
A úsáid innéacs an array mar an eochair is earráid choitianta é — nuair a bhítear ag athrú, a chur leis, nó a bhaint de rudaí, is féidir le staid an chomhpháirt/DOM (mar shampla luachanna ionchur nó staid na mboscaí seiceála) a bheith i ngreim ar an tsraith bhreise.
<!-- ❌ avoid — ambiguous precedence -->
<li v-for="x in items" v-if="x.active">...</li>
<!-- ✅ filter in a computed, or wrap with <template v-for> -->
v-for an bealach atá ann chun liostaí dinimiciúla a dhéanann.
Níl an :key roghnach go praiticiúil: ligfidh eochair bhuan, uathúil do DOM fíorúil Vue a bheith iomairitheach agus seachnaíonn sé galar míchothromaíochtaí stáit bhreise ar athrangúchán/scagadh.
A fhios a bheith agat go raibh a úsáid id fíor (riamh an innéacs do liostaí dinimiciúla) agus v-for/ v-if a choimeád ar leith riachtanach ar liostaí ceart, feidhmíochta.