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

Як поєднати переходи маршрутів і `<KeepAlive>` з `<RouterView>`?

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

✓Правильна відповідь: Використати v-slot у <RouterView> і самостійно обгорнути відрендерений Component
2Помістити <RouterView> прямо всередину <KeepAlive>
3Це неможливо

Пояснення

Vue Router 4 прибрав старий підхід з обгорткою; слот дає повний контроль над порядком обгорток.

Де почитати

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

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

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