Vue3 KeepAlive 的一些问题

Vue3 KeepAlive 支持写法：

<router-view v-slot="{Component}">
  <keep-alive
    v-if="$route.meta.keepAlive">
    <component
      :key="$route.name"
      :is="Component"/>
  </keep-alive>
  <component
    v-else
    :key="$route.name"
    :is="Component"/>
</router-view>

router.js 中配置如下，其中 page-one 中有一个按钮可以执行 $router.push({path: '/keep-alive/page-two'})，page-two 中有一个按钮可以执行 $router.back()。

{
  path: '/keep-alive',
  component: () => import('@/components/Layout/index.vue'),
  children: [
    {
      path: 'page-one',
      name: '/keep-alive/page-one',
      meta: {
        keepAlive: true
      },
      component: () => import('@/views/PageOne/index.vue')
    },
    {
      path: 'page-two',
      name: '/keep-alive/page-two',
      meta: {
        // keepAlive: true
      },
      component: () => import('@/views/PageTwo/index.vue')
    }
  ]
}

问题，只有当 page-one 和 page-tow 都设置 keepAlive 为 true 时候，page-one 才能正确的保留数据。如果只有 page-one 的 keepAlive 为 true ，而 page-two 的 keepAlive 为 false 时，从 page-tow 返回到 page-one 时，数据不会保存。请问各位大神能否帮忙解答以下~不胜感激。