怎么缓存当前的组件？缓存后怎么更新？

Question

使用 keep-alive 组件进行缓存，内部可以使用动态组件 component 渲染具体组件

可以通过 keep-alive，指定 include 和 exclude 指定或者排除 缓存的组件。可以设置最大的缓存个数

和路由结合时，Vue2 是 keep-alive 包裹 router-view, Vue3 是 router-view 包裹 keep-alive

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

缓存的组件可以通过 activated 钩子执行获取数据的逻辑