Vue3 路由缓存 终极解决方案

前言

业务里经常有这样的需求, 页面跳转的时候保持前一个页面的状态跟数据, 方便返回时处理
例如: A->B需要缓存, A->C不需要缓存
网上大部分例子都需要去处理业务组件, 感到非常不合理
故自己分享改功能用来处理此类问题

话不多说 => 代码如下

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