vue3watch路由

vue3中的watch可以监听路由变化，具体实现方式如下：

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

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

    onBeforeMount(() => {
      // 初始化时执行一次
      handleRouteChange(route.value)
    })

    watch(
      () => route.value,
      (to, from) => {
        handleRouteChange(to, from)
      }
    )

    function handleRouteChange(to, from) {
      // 处理路由变化
    }
  }
}