vue 监听路由变化

Vue.js中监听路由变化的方法有以下几种：

1. 通过watch监听路由变化

watch: {
  $route(to, from) {
    // to表示当前路由对象，from表示上一个路由对象
    // 在这里可以根据路由变化做出相应的操作
  }
}

2. 通过beforeRouteUpdate钩子函数监听路由变化

beforeRouteUpdate(to, from, next) {
  // 在这里可以根据路由变化做出相应的操作
  next();
}

3. 通过created钩子函数和$router.onReady()方法监听路由变化

created() {
  this.$router.onReady(() => {
    // 在这里可以根据路由变化做出相应的操作
  });
}

4. 通过beforeEach路由守卫监听路由变化

router.beforeEach((to, from, next) => {
  // 在这里可以根据路由变化做出相应的操作
  next();
});

以上是Vue.js中监听路由变化的几种方式，可以根据实际情况选择适合自己的方式。