vue 重载当前路由

Vue.js 中，重载当前路由通常是指当你需要改变某个组件的内容而不刷新整个页面时，可以在组件内或者全局路由守卫中实现动态加载新的内容。这通过 `this.$router.push()` 或者 `this.$router.replace()` 方法结合动态参数来完成。

例如，在一个单文件组件 (Single File Component, SFC) 中，你可以这样做：

methods: {
  loadNewContent() {
    const newRoute = { name: 'yourRouteName', params: { id: yourNewId } };
    this.$router.push(newRoute);
  }
}

然后在模板里添加一个按钮或者事件监听器，触发 `loadNewContent` 方法：

<button @click="loadNewContent">切换内容</button>

如果你想替换当前路由而不是添加一个新的历史记录，可以使用 `replace`：

this.$router.replace({ ...newRoute });