Какие параметры в v-for важны на практике и как их применять?

Параметры `v-for` (Vue): элемент, индекс, для объектов — значение/ключ/индекс. Плюс обязательный `:key`. Позволяют перебирать массивы, объекты, числа и итерируемые.

Параметры v-for

Массивы

<li v-for="(item, index) in items" :key="item.id">
  {{ index }}: {{ item.name }}
</li>

• item — элемент.
• index — индекс (второй параметр).

Объекты

<li v-for="(value, key, index) in object" :key="key">
  {{ key }}: {{ value }}
</li>

• value — значение.
• key — ключ.
• index — индекс.

Диапазон чисел

<span v-for="n in 10" :key="n">{{ n }}</span> <!-- 1..10 -->

Обязательный :key

Уникальный ключ для эффективного обновления DOM (как key в React):

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

• Уникальный и стабильный (id, не индекс при динамике).

Нюансы

• :key обязателен для отслеживания элементов (иначе in-place patch и баги при изменении порядка).
• Индекс как key — только для статичных списков.
• Можно перебирать итерируемые (Map, Set через spread).
• v-for с v-if на одном элементе — антипаттерн (разный приоритет в Vue 2/3).

Коротко для собеседования

Параметры v-for: для массивов (item, index), для объектов (value, key, index), для чисел n in 10 (1..N). Обязателен :key — уникальный стабильный (id, не индекс при динамике) для эффективного обновления DOM. Индекс как key — только для статичных списков. v-for + v-if на одном элементе избегают.