vue3监听router变化

在Vue3中监听路由变化可以使用`watch`函数监听 `$route` 对象的变化。具体实现如下：

import { watch } from 'vue'
import { useRoute } from 'vue-router'

export default {
  setup() {
    const route = useRoute()

    watch(()=>route, (to, from)=>{
      // to: 当前路由对象
      // from: 上一个路由对象
      console.log('路由变化', to, from)
    })

    return {}
  }
}

在上述代码中，我们通过`useRoute`函数获取当前路由对象，并使用`watch`函数监听该对象的变化。当路由发生变化时，`watch`函数会自动执行回调函数，我们可以在回调函数中执行一些操作。