vue v-for example
Example 1: vue v-for
<ul id="example-1">
<li v-for="item in items" :key="item.message">
{{ item.message }}
</li>
</ul>
Example 2: v-for vue
<div v-for="item in itens" :key="item.id">
{{ item.text }}
</div>
<div v-for="(item, index) in items">
{{ index }} - {{ item.message }}
</div>
Example 3: v-for vuejs
<ul id="example-1">
<li v-for="item in items" :key="item.message">
{{ item.message }}
</li>
</ul>
const example1 = new Vue({
el: '#example-1',
data: {
items: [
{ message: 'Foo' },
{ message: 'Bar' }
]
}
})
Example 4: vuejs v-for array index
<!-- To gain access to the array index: -->
<ul>
<li v-for="(game, index) in games"></li>
</ul>
<!--
You only want the index in specific cases. Use `:key` as
standard. See the other greps.
-->
Example 5: vue js v-for array index
<ul>
<li v-for="(val, index) in arr">
<!-- Do something... -->
</li>
</ul>