Массивҳоро дар 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'],
  }
}