Vue · Middle · Pytanie 51 z 75

Jak animować dodawanie, usuwanie i zmianę kolejności elementów listy?

<TransitionGroup name="list" tag="ul">
  <li v-for="item in items" :key="item.id">{{ item.text }}</li>
</TransitionGroup>

Wyjaśnienie

<Transition> obsługuje jeden element; <TransitionGroup> - każdy element z kluczem i używa FLIP do przesunięć.

Do poczytania

Błąd w pytaniu

Vue · Middle · pytanie 51

Sprawdź się

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

Rozwiąż ten test