vue2 监听路由参数改变 重新加载

在 Vue2 中监听路由参数的变化，可以通过 `$route` 对象来实现。当路由参数发生变化时，可以在 `watch` 中监听 `$route` 对象的变化，然后在回调函数中处理重新加载的逻辑。

以下是一个示例代码：

export default {
  data() {
    return {
      param1: null,
      param2: null
    };
  },
  watch: {
    '$route.params': {
      handler(newParams) {
        // 监听路由参数变化
        this.param1 = newParams.param1;
        this.param2 = newParams.param2;
        // 处理重新加载的逻辑
        this.loadData();
      },
      immediate: true // 立即执行
    }
  },
  methods: {
    loadData() {
      // 加载数据的逻辑
    }
  }
}

在上面的代码中，我们通过 `$route.params` 来监听路由参数的变化。在 `handler` 回调函数中，我们可以获取到新的路由参数，并进行处理。在本例中，我们将参数赋值给 `param1` 和 `param2`，然后调用 `loadData` 方法来重新加载数据。`immediate: true` 表示在组件加载时立即执行回调函数。