如何在Vue Router 4中每次访问路由时刷新该路由？

<template>
  <div>
    <!-- Your component template -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      // Your data properties
    };
  },
  methods: {
    fetchData() {
      // Fetch data logic here
    }
  },
  beforeRouteUpdate(to, from, next) {
    // 当路由发生变化时，重新获取数据
    this.fetchData();
    next();
  },
  created() {
    this.fetchData();
  }
};
</script>

<router-view :key="$route.fullPath"></router-view>

import { createRouter, createWebHistory } from 'vue-router';
import YourComponent from './YourComponent.vue';

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/your-path', component: YourComponent }
  ]
});

router.beforeEach((to, from, next) => {
  if (to.fullPath === '/your-path') {
    // 执行刷新逻辑
  }
  next();
});

export default router;