watch 监听路由参数 vue2

在Vue2中，可以使用watch来监听路由参数的变化。具体实现方法如下：

// 引入useRouter
import { useRouter } from 'vue-router'

export default {
  setup() {
    // 获取当前路由
    const router = useRouter()

    // 监听路由参数变化
    watch(() => router.currentRoute.value.query, (query) => {
      // 执行相应的操作
      console.log('路由参数变化了', query)
    }, { immediate: true })
  }
}

上述代码中，我们首先使用`useRouter`获取当前路由对象，然后使用`watch`监听路由参数的变化。在回调函数中，我们可以执行相应的操作，例如更新数据等。

需要注意的是，由于路由参数是一个对象，因此我们需要使用`deep: true`选项来深度监听对象的变化。另外，为了在组件初始化时能够立即执行回调函数，我们需要使用`immediate: true`选项。