vue 清楚页面缓存

在 Vue 中，可以使用以下几种方法来清除页面缓存：

1. 使用路由导航的方式：
当使用 `router.push` 或 `router.replace` 进行页面跳转时，可以添加 `params` 参数作为时间戳或随机字符串，以达到每次跳转都是一个新的页面，从而清除缓存。
例如：

   this.$router.push({ path: '/your-path', params: { timestamp: Date.now() }})

2. 在路由配置中设置 `key` 属性：
在 Vue Router 的路由配置中，可以为需要清除缓存的页面设置一个唯一的 `key` 属性。当该页面的 `key` 值发生变化时，组件会被重新创建，从而清除缓存。
例如：

   {
     path: '/your-path',
     component: YourComponent,
     meta: {
       key: 'unique-key'
     }
   }

3. 使用 `beforeRouteEnter` 钩子函数：
在需要清除缓存的组件中，可以使用 `beforeRouteEnter` 钩子函数，在组件进入路由前手动销毁当前组件的实例，从而清除缓存。
例如：

   beforeRouteEnter(to, from, next) {
     next(vm => {
       vm.$destroy();
     });
   }

这些方法可以根据具体需求选择使用。请注意，在使用这些方法时要考虑到可能导致性能问题或其他副作用。