实现方法

监听路由值变化

const route = useRoute()
// watch the params of the route to fetch the data again
watch(() => route.currentRoute.value.path, callBack)

use::Vue watch

路由原生钩子

全局前置守卫（beforeEach）：在路由跳转之前执行，可以用来进行权限验证、页面加载前的操作等。
全局解析守卫（beforeResolve）：在路由组件被解析之后，渲染之前执行。
全局后置钩子（afterEach）：在路由跳转之后执行，可以用来进行日志记录、页面跳转之后的操作等。