解决vue-router在同一个路由下切换,取不到变化的路由参数问题

最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。

在网上查找了一番后发现可以这样写：

watch: {
 '$route' (to, from) {
 //这样就可以获取到变化的参数了，然后执行参数变化后相应的逻辑就行了
 console.log(this.$route.query)
 }
}