Vue-ում զանգվածների վերանայման ժամանակ բանալիների ստացում

Երբեմն, բացի զանգվածի տարրերից, մենք կցանկանայինք հասանելիություն ունենալ նաև բանալիներին: Դրա համար օգտագործվում է հետևյալ ընդլայնված շարահյուսությունը.

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

Ելքում բանալիներով կարելի է կատարել տարբեր գործողություններ: Օրինակ, եկեք անենք, որ համարները սկսվեն մեկից.

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

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