Что нужно использовать для рендера списка на Vue

Ответ

Для рендера списков во Vue используется директива `v-for`. Она позволяет перебирать массив или объект и генерировать элементы на основе данных. ``` ``` Ключевые моменты: 1. Всегда указывайте `:key` с уникальным значением (лучше id) 2. Можно использовать второй параметр - индекс элемента 3. Работает с массивами и объектами 4. Для объектов синтаксис: `v-for="(value, key, index) in object"`

Ответ 18+ 🔞

Так, слушай, смотри, чтобы список нарисовать во Vue — там есть такая штука, `v-for`, ну просто пиздец как удобно. Она как будто берёт твой массив или объект и начинает штамповать элементы, как на конвейере, понимаешь? ```html ``` А теперь, блядь, главные правила, которые надо вбить себе в башку, а то потом будешь искать, почему всё ебётся и не работает: 1. **Ключ, сука, ключ!** Этот самый `:key` — он должен быть уникальным, как отпечатки пальцев. Лучше всего `id` из данных использовать. Без него Vue начинает тупить, как мартышлюшка пьяная, и перерендеривает всё подряд, а потом удивляешься, откуда баги лезут. 2. Второй параметр — это индекс, если вдруг понадобится нумерация, типа "1. Хлеб, 2. Молоко". 3. Работает эта директива не только с массивами, но и с объектами, ёпта! Для объектов синтаксис вот такой: `v-for="(value, key, index) in object"`. Получаешь и значение, и название свойства, и его порядковый номер — красота же! Вот и вся магия. Главное — ключ не забудь, а то будет пиздец, а не список.