vue3 页面监听router变化

在Vue 3中，你可以使用`watch`函数来监听`router`的变化。下面是一个示例代码：

import { watch } from 'vue'

export default {
  mounted() {
    // 在页面加载时监听router变化
    watch(
      () => this.$route,
      (to, from) => {
        // 处理路由变化的逻辑
        console.log('路由发生了变化', to, from)
      }
    )
  },
}

在上述代码中，我们在`mounted`钩子函数中使用`watch`函数来监听`$route`的变化。当路由发生变化时，回调函数会被触发，并传递两个参数：`to`和`from`，分别表示新的路由和旧的路由。你可以在回调函数中处理路由变化的逻辑，例如更新页面内容或执行其他操作。

注意：确保你已经正确安装并配置了Vue Router，并且将上述代码放置在需要监听路由变化的组件中。