vue3 param 路由参数刷新不丢失的方法

在 Vue3 中，可以使用 `keep-alive` 组件来缓存被访问过的页面，从而避免路由参数丢失。具体方法如下：

1. 在 `App.vue` 中添加 `keep-alive` 组件：

<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

2. 在需要缓存的页面组件中，添加 `keep-alive` 属性：

<template>
  <div>
    <h1>{{ $route.params.id }}</h1>
  </div>
</template>

<script>
export default {
  name: 'Page',
  keepAlive: true // 添加 keep-alive 属性
}
</script>

这样，在访问该页面时，路由参数就会被缓存起来，刷新页面时也不会丢失。同时，如果需要清除缓存，可以在路由配置中设置 `meta: { keepAlive: false }`。