Verwendung von Keep-Alive in vue3

Im Vergleich zu vue2 hat sich vue3 stark verändert. Bei Verwendung in vue2 befindet sich Keep-Alive auf der äußeren Ebene der Router-Ansicht.

folgendermaßen:

<template>
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component"></component>
    </keep-alive>
  </router-view>
</template>

<script setup lang="ts"></script>

Einige Komponenten-Caches:

<template>
  <router-view v-slot="{ Component }">
    // Home、My是name属性名
    <keep-alive :include="['Home', 'My']">
      <component :is="Component"></component>
    </keep-alive>
  </router-view>
</template>

<script setup lang="ts"></script>