Vue · Senior · Pytanie 15 z 75

Jak wydajnie wyrenderować listę 10 000 wierszy?

✓Poprawna odpowiedź: Zwirtualizować ją - renderować tylko widoczne wiersze (np. vue-virtual-scroller lub useVirtualList z VueUse)
2Owinąć listę w <KeepAlive>
3Użyć v-show zamiast v-if w każdym wierszu

Wyjaśnienie

Renderowanie wszystkich wierszy tworzy mnóstwo węzłów DOM i instancji komponentów. Wirtualizacja utrzymuje mały DOM niezależnie od długości listy.

Do poczytania

Sprawdź się

Rozwiąż test Vue · Senior: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test