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 სახით.