Nuxt3项目中使用keepalive实现页面缓存

在使用nuxt3开发项目的时候，有个需求需要实现页面路由跳转过后，再跳回来页面保持原来的数据，实现页面的缓存。这里用keepalive来实现，主要修改两个地方。

1. 修改app.vue中
   在NuxtPage上加上keepalive

 <NuxtLayout>
      <NuxtPage keepalive />
    </NuxtLayout>

2. 具体的路由页面
   在script 中加上下面这段代码

<script setup lang="ts">
definePageMeta({
  keepalive: true, //设置为keepAlive
})
</script>