Vue3中beforeRouteEnter获取本组件的缓存

在Vue3中，可以使用`setup()`函数来获取本组件的缓存。具体操作如下：

1. 在`setup()`函数中引入`useRoute()`和`useRoute()`：

import { useRoute, useRouter } from 'vue-router';

2. 使用`useRoute()`获取当前路由对象：

const route = useRoute();

3. 使用`useRouter()`获取路由实例对象：

const router = useRouter();

4. 使用`router.getMatchedComponents(route)`获取当前路由匹配的组件：

const matchedComponents = router.getMatchedComponents(route);

5. 在`beforeRouteEnter()`生命周期函数中获取缓存：

beforeRouteEnter(to, from, next) {
  next(vm => {
    const cachedComponent = matchedComponents[0].cache?.[to.fullPath];
    console.log(cachedComponent);
  });
}

其中，`matchedComponents[0]`表示当前组件，`cache?.[to.fullPath]`表示当前组件的缓存。如果存在缓存，`cachedComponent`将会是一个组件实例对象。