【vue3】vue3的keep-alive（keepAlive）失效

vue3的keep-alive（keepAlive）失效

正确用法

• include 缓存的组件名称
  • 与组件data同级的name属性
• max 最大缓存数
  • 缓存的实例数量即将超过指定的那个最大数量，则最久没有被访问的缓存实例将被销毁，以便为新的实例腾出空间

<router-view  :max="10" v-slot="{ Component }" :data="data" to="/">
    <keep-alive :include="['home,find,info,me']">
      <component :is="Component"></component>
    </keep-alive>
</router-view>

错误用法

 <keep-alive>
        <router-view :data="data" to="/"></router-view>
    </keep-alive>

//或

    <keep-alive>
        <router-view :key="$route.fullPath"  :data="data" to="/"></router-view>
    </keep-alive>

官方参考

官网keep-alive参考