vue使用router-link跳转页面，链接改变，获取url参数未变

vue使用router-link跳转页面，链接从A页面跳转到B页面，再由B页面返回到A页面，A页面再调整到B页面,B 页面获取到的url参数确未改变的解决办法。

home页面：

<router-link :to="{path: 'detail', query: { userid: 2 }}">详情页</router-link>

detail页面：

地址示列：http://localhost:9527/#/detail?userid=2

  created() {
    if (this.$route.query.userid) {
      this.userid = this.$route.query.userid
      console.log('userid:' + this.userid)
    }
  },

在created中获取url中userid参数，但是再后退到home页面，再点击detail页面，地址参数改变，页面数据确未改变。

解决办法：

在watch中添加路由改变监听，就能获取到当前地址参数。

  watch: {
    '$route'(to, from) {
      this.userid = this.$route.query.userid
      console.log('userid2:' + this.userid)
    }
  },