vue监听路由变化

Vue 可以通过 `$route` 对象来监听路由的变化。可以使用 `$route` 对象的 `beforeEach` 方法来注册一个全局前置守卫，在路由切换之前执行一些操作。

例如，可以在全局前置守卫中打印每次路由变化的路径：

router.beforeEach((to, from, next) => {
  console.log(`Navigating from ${from.path} to ${to.path}`)
  next()
})

这样，每次路由发生变化时，都会在控制台输出相应的日志信息。需要注意的是，`next` 方法必须被调用，否则路由将被阻止。如果要阻止路由的跳转，可以在 `next` 方法中传入 `false` 或者一个带有 `path` 属性的对象，如：`next(false)` 或者 `next({ path: '/' })`。