Is it possible to add new properties to array elements in v-for?

Question

Vue.js

The question is. An array with comments comes from the server. I iterate through it with v-for and render the elements. Suppose we have the following set:

arr: [
  { name: 'John', age: 13 },
  { name: 'Johny', age: 14 },
  { name: 'Johnathan', age: 15 },
]

and here I render the list:

<ul>
  <template v-for="(item, index) in arr">
    <li :key="index">{{ item.name }} {{ item.age }}</li>
  </template>
</ul>

Can I somehow add new properties for each item in the v-for step?

Answer 1

No. Make a computed property with all properties added and render it