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'],
  }
}