Lesson 3 — v-for

One element per item

v-for repeats an element for every item in an array: v-for="item in items". Each copy can use item. Bind a unique :key (the colon means "this is JavaScript, not text") so Vue can track which element belongs to which item.

<li v-for="c in colors" :key="c">{{ c }}</li>

Why it matters: menus, product grids and message lists are all v-for loops.