vue3监听路由变化

1.第一种方法

---

在app.vue的setup()里面

import { useRouter } from 'vue-router';
export default{
  setup(){
     const $router = useRouter();
      $router.beforeEach((to,form,next) => {
        console.log(to,form,next)
      });
  }
}

2。onBeforeRouteUpdate 了解一下，router4 新api

---

import { onBeforeRouteUpdate } from "vue-router";
//在setup中
onBeforeRouteUpdate((to) => {
     console.log(to);
});