Vue-এ অ্যারে পুনরাবৃত্তি করার সময় কীগুলি পাওয়া

কখনও কখনও অ্যারের উপাদানগুলি ছাড়াও, আমরা কীগুলিতেও অ্যাক্সেস পেতে চাই। এর জন্য নিম্নলিখিত বর্ধিত সিনট্যাক্স ব্যবহার করা হয়:

<template>
	<p v-for="(elem, key) in arr">
		 {{ key }} {{ elem }}
	</p>
</template>

আউটপুটে কীগুলি নিয়ে বিভিন্ন অপারেশন করা যেতে পারে। উদাহরণস্বরূপ, আসুন নম্বরগুলি এক থেকে শুরু করি:

<template>
	<p v-for="(elem, key) in arr">
		 {{ key + 1 }} {{ elem }}
	</p>
</template>

নিম্নলিখিত অ্যারে দেওয়া হয়েছে:

data() {
	return {
		arr: ['x', 'y', 'z'],
	}
}

এই অ্যারের কীগুলি একটি ul তালিকা আকারে আউটপুট করুন।