v-for کسی array (یا object/range) پر iterate کر کے elements کی ایک list رینڈر کرتا ہے۔ آپ کو ہمیشہ اسے ایک unique :key کے ساتھ استعمال کرنا چاہیے تاکہ Vue items کو مؤثر طریقے سے track کر سکے۔
<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>
