Vue · Senior · Запитання 15 з 75

Як ефективно відрендерити список із 10 000 рядків?

✓Правильна відповідь: Віртуалізувати - рендерити лише видимі рядки (наприклад, vue-virtual-scroller або useVirtualList із VueUse)
2Обгорнути список у <KeepAlive>
3Використати v-show замість v-if на кожному рядку

Пояснення

Рендер усіх рядків створює безліч DOM-вузлів і екземплярів компонентів. Віртуалізація тримає DOM маленьким незалежно від довжини списку.

Де почитати

Перевірте себе

Пройдіть тест Vue · Senior: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест