Vue · Senior · Pytanie 61 z 75

Jak połączyć przejścia tras i `<KeepAlive>` z `<RouterView>`?

<RouterView v-slot="{ Component }">
  <Transition name="fade" mode="out-in">
    <KeepAlive><component :is="Component" /></KeepAlive>
  </Transition>
</RouterView>

✓Poprawna odpowiedź: Użyć v-slot w <RouterView> i samodzielnie opakować wyrenderowany Component
2Umieścić <RouterView> bezpośrednio w <KeepAlive>
3To niemożliwe

Wyjaśnienie

Vue Router 4 usunął stary wzorzec opakowania; slot daje pełną kontrolę nad kolejnością wrapperów.

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