vue页面跳转，$route 无法被监听

Question

vue项目，从a路由跳转到b路由，在b路由对应的页面中监听$route，但是根本不会进断点？

a路由、b路由为两个不同的页面，路径也不同

b页面监听代码如下：

  watch: {
    '$route': {
      handler(to,from){
        debugger
        
      },
      deep: true
    }
  },

问题出在哪儿呢？

Answer 1

这是正常的，从a路由跳转到b路由不会触发监听。你可以使用路由前置钩子或者加个immediate属性