List Rendering

Basic array loop

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

Loop with access to index

<li v-for="(item, index) in items">...</li>

Baisc object loop

<li v-for="value in object">...</li>
<li v-for="(value, index) in object">...</li>
<li v-for="(value, name, index) in object">...</li>

Loop using component instead of html native element e.g. div, li

<cart-product v-for="item in products" :product="item" :key="item.id">