vue3 watch监听路由

在 Vue 3 中，你可以使用 `watch` 函数来监听路由的变化。具体的步骤如下：

1. 首先，确保你已经安装了 `vue-router`，并且已经在项目中进行了配置。

2. 在 Vue 组件中，使用 `watch` 函数来监听 `$route` 对象的变化。

import { watch } from 'vue';
import { useRouter } from 'vue-router';

export default {
  setup() {
    const router = useRouter();

    watch(router.currentRoute, (to, from) => {
      // 在这里处理路由变化的逻辑
      console.log('路由发生了变化', to, from);
    });

    // 其他组件逻辑...

    return {
      // 返回组件需要的数据和方法
    };
  },
};

3. 在 `watch` 函数的回调函数中，你可以处理路由变化时的逻辑。`to` 参数表示当前导航到的路由对象，`from` 参数表示上一个路由对象。

这样，当路由发生变化时，你就可以在 `watch` 函数的回调函数中处理相应的逻辑了。