vue-router响应路由参数的变化

Vue Router 可以通过监听 $route 对象的变化来响应路由参数的变化。可以使用 watch 或者 beforeRouteUpdate 钩子函数来实现。在 watch 中，可以监听 $route 对象的变化，然后根据需要更新组件的数据。在 beforeRouteUpdate 中，可以在路由参数变化之前执行一些操作，比如重新获取数据。以下是一个示例代码：

watch: {
  '$route': function(to, from) {
    // 根据需要更新组件的数据
  }
}

beforeRouteUpdate(to, from, next) {
  // 在路由参数变化之前执行一些操作
  next();
}

如果需要在组件加载时获取路由参数，可以使用 $route.params 对象。例如：

mounted() {
  const id = this.$route.params.id;
  // 根据 id 获取数据
}