vue3 keepalive失效新的写法

昨天用keepalive包裹整个router-view发现并不生效,想通过缓存页面使得前进后退不刷新页面,经过一番折腾,终于成功了

<router-view v-slot="{Component}">
<keep-alive  :include="['index','detail']">
<component :is="Component "></component>
</keep-alive>
</router-view>

include会判断当前的组件名,不需要在路由命名也行,也就是说我对index和detail页面进行了缓存,返回不刷新