v-for vykresluje seznam prvků iterací přes pole (nebo object/range). Měli byste jej vždy párovat s jedinečným :key, aby Vue mohlo efektivně sledovat položky.
<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>
