Vue中同一组件，如何监听路由参数的变化

Vue中同一组件，如何监听路由参数的变化

比如http://localhost:8081/#/result?q=1和http://localhost:8081/#/result?q=3在同一组件下，仅仅是路由参数发生了变化，并不会引起触发Vue的生命周期，所以就不能通过生命周期的钩子来实现请求后端数据。

一开始想过go(0)和replace()通过刷新页面来实现，但是这样用户体验不太好。

可以通过watch属性来解决

watch:{
$route(){
this.query=this.$route.query.q
},
query(){
 console.log('监听到了参数的改变，可以请求新的数据')
}
}