smidl
@smidl
WordPress-разработчик

Зачем (на примерах) использовать :key при рендеринге списков?

В документации пишут слудющее:

Когда Vue обновляет список элементов, управляемый директивой v-for, по умолчанию используется стратегия “обновления на месте”. Если порядок элементов массива или объекта изменился, Vue не будет перемещать элементы DOM, а попросту обновит каждый элемент “на месте”, чтобы он отображал новые данные по соответствующему индексу.


Можно пояснить на жизненом примере, почему это:

<div v-for="item in items" :key="item.id">
  <!— содержимое —>
</div>


Лучше чем просто цикл без :key="item.id" ?
  • Вопрос задан
  • 191 просмотр
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
Не далее, как полтора месяца назад, отвечал на подобный вопрос.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы