Question

vue-router 怎么侦听路由变化

Answer 1

vue-router 怎么侦听路由变化：

新闻板块有推荐、精华、最新等几个Tab，设想通过切换Tab，改变路由参数（get/news/:tab）去获取对应数据，然后渲染到页面（用的是同一套组件），问题来了：当切换Tab时，数据并没有更新，有这么一句话：提醒一下，当使用路由参数时，例如从 /user/foo 导航到 user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。 

意思很明显了：虽然路由参数发生了变化，但组件还是那个组件，Vue生命周期也还没结束，此时并不会刷新数据。（个人认为，开发spa页面，一切都是以路由为起点的，路由变化，页面跟着变化，复用组件竟然会影响到路由，很难受！！）

不过，官网也提出了相应的解决方案：复用组件时，想对路由参数的变化作出响应的话，你可以简单地 watch（监测变化） 

一旦有故障才走电信，那就是说电信是完全备份线路，你更改路由的metric就可以选择一个默认优先，另一个备份可以啊.若你能配置核心。

Answer 2

vue侦听路由变化是：

watch: {
'$route':'fetchdata'