Directive v-for

Render the element or template block multiple
times based on the source data.

Expects: Array | Object | number | string | Iterable

The directive’s value must use the special syntax
alias in expression to provide an alias for the
current element being iterated on:

<div v-for="item in items">
  {{ item.text }}
</div>

<div v-for="(item, index) in items"></div>
<div v-for="(value, key) in object"></div>
<div v-for="(value, name, index) in object"></div>

<div v-for="item in items" :key="item.id">
  {{ item.text }}
</div>