Добивање на клучеви при итерација на низи во 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'],
  }
}