vue3 keepalive滚动到上次位置

要实现Vue3中的keep-alive在滚动到上次位置，需要使用以下步骤：

1. 在Vue组件中，使用`<keep-alive>`标签包含需要缓存的组件。

2. 在需要缓存的组件中，添加一个`<router-view>`标签作为占位符。

3. 在组件中，添加一个`activated`生命周期钩子函数，在该函数中获取上次滚动的位置，并将其设置为组件的滚动位置。

   activated() {
     // 获取上次滚动的位置
     const position = this.$route.meta.scrollPosition;
     // 设置组件的滚动位置
     if (position) {
       window.scrollTo(position.x, position.y);
     }
   }

4. 在组件中，添加一个`deactivated`生命周期钩子函数，在该函数中保存当前滚动位置到路由元数据中。

   deactivated() {
     // 保存当前滚动位置到路由元数据中
     const position = { x: window.pageXOffset, y: window.pageYOffset };
     this.$router.meta.scrollPosition = position;
   }

5. 在路由配置中，添加一个`meta`字段，用于存储滚动位置。

   const routes = [
     {
       path: '/',
       component: Home,
       meta: {
         scrollPosition: null
       }
     },
     {
       path: '/about',
       component: About,
       meta: {
         scrollPosition: null
       }
     }
   ];

注意：在Vue3中，需要使用`$router.meta`来访问路由元数据。

通过以上步骤，就可以实现Vue3中的keep-alive在滚动到上次位置的功能了。