Å hente nøkler ved iterasjon av arrays i Vue

Noen ganger, i tillegg til elementene i arrayet, ønsker vi også å få tilgang til nøklene. For dette brukes følgende utvidede syntaks:

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

Med nøkler ved utskrift kan man gjøre forskjellige operasjoner. For eksempel, la oss gjøre slik at nummereringen starter fra én:

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

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