Vue路由跳转传值的时候url刷新但页面内容不刷新的解决办法

路由传值方式

jump(id) {
        this.$router.push({
          path: '/About',
          query: {
            id: id
          }
        })
    },

路由配置

{
    path: '/about',
    name: 'About',
    component : About
  }

此时通过jump方法进行路由传值的时候页面url会更新但是页面的内容不会更新

解决办法：
        使用watch监听路由，当路由发生变化的时候触发一下请求内容的方法大致如下：

watch:{
      '$route'(to){
        this.load(to.query.id)
      }
    }

}

还可以有from参数：'$route'(to,from)