v-for renderizează o listă de elemente prin iterarea unui array (sau obiect/interval). Ar trebui să o perechi întotdeauna cu o :key unică, pentru ca Vue să poată urmări elementele eficient.
<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>
