vue利用activated生命周期解决keep-alive的缓

前言：一般商城首页都会有选项卡选择，在选择了之后会再次请求接口，但是，如果这个页面使用了keep-alive之后，会造成响应数据失效，因为，虽然刷新了，但是依然会拿缓存的数据，而造成页面的不刷新问题，使用activated生命周期，在其中重新请求接口即可解决这个问题，

 // 这个必须和keepalive配合这样能更改数据，mounted只执行一次,actived只要页面渲染就执行一次
  activated () {
    if (this.oldcity !== this.city) {
      this.oldcity = this.city
      axios.get('/api/index.json?city=' + this.city).then(this.getdata)
    }
    console.log('actived')
  },