(五)keep-alive与activated

本节知识点

• (1) keep-alive
• (2)activated

使用详情

(1)keep-alive

keepalive主要是缓存，当有些页面不需要来回收发包，1次就可以的时候。我们用keepalive标签。这样保证了他只执行1次收发包

<keep-alive>
      <router-view />
    </keep-alive>

(2)activated配合keepalive一起使用

有的时候我们有的页面需要重新刷新请求包，而有的页面不需要。所以我们就需要利用钩子函数来解决
mounted只执行一次。而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')
  },