Hentning af nøgler ved gennemløb af arrays i Vue

Undertiden, udover elementerne i arrayet, ville vi også gerne have adgang til nøglerne. For at gøre dette anvendes følgende udvidede syntaks:

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

Med nøglerne ved udskrivning kan man udføre forskellige operationer. For eksempel, lad os gøre så numrene starter fra et:

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

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