Массивҳоро дар Vue такрор карда, калидҳо гирифтан
Гаҳоғо ба ғайр аз элементҳои массив, мо мехоҳем ба калидҳо низ дастрасӣ дошта бошем. Барои ин синтаксиси васеъкардаи зер истифода мешавад:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Бо калидҳо ҳангоми баровард кардан метавон амалиётҳои гуногун анҷом дод. Масалан, биёед чункине кунем, ки рақамҳо аз як оғоз шаванд:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Массиви зерин дода шудааст:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Калидҳои ин массивро
дар шакли рӯйхати ul бароварӣ кунед.
