vue中路由参数变化，数据不刷新的问题的处理

1.问题描述
详情页之间跳转，路由不变，只变参数，地址栏可以看到url变了，但是页面数据无变化

2.处理思路
监听路由对象，数据请求的参数从url中实时获取

3.相关代码

watch: {
  '$route' () {
    this.getData()
  }
}

getData: function () {
  ajax('/api', {
    id: this.$route.query.id
  }, res = {
    console.log(res)
  })
}

注意此处id写法