v-for loop code 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
<ul id="example-2">
<li v-for="(item, index) in items">
{{ parentMessage }} - {{ index }} - {{ item.message }}
</li>
</ul>
Example 3: v-if vuejs
<h1 v-if="awesome">Vue is awesome !</h1>
<h1 v-else-if="sowSow">Vue is not very nice !</h1>
<h1 v-else>Vue is baaaad !</h1>
Example 4: 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 5: vue v-for object
<div v-for="(value, name, index) in object">
{{ index }}. {{ name }}: {{ value }}
</div>
Example 6: 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.
-->