vue-router 响应路由参数的变化

 

例如从 /XX/aa 导航到 /XX/bb，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。

注意是：

（1）从同一个组件跳转到同一个组件。

（2）生命周期钩子created和mounted都不会调用。

方法一：

// 监听,当路由发生变化的时候执行

watch:{

  $route(to,from){

        console.log(to.path);

        // 对路由变化作出响应...

  }

},

方法二：

可以使用router的组件内钩子函数

beforeRouteUpdate(to,from,next){

to表示将要跳转的路由对象，from表示从哪个路由跳转过来，next多数就是需要调用

 

}