vue 生命周期函数

activated() {
    console.log(‘activated‘)
    //只刷新数据，不改变整体的缓存
    this.getList()
  },
  mounted () {
    this.getList()
  },
  deactivated () { //清除keep-alive的缓存
    console.log(‘deactivated‘)    
    // this.$destroy(true) // 这里我们并没有清楚keep-alive缓存
  },
  beforeDestroy () {
    console.log(‘beforeDestroy‘)
    // 实例销毁之前调用。在这一步，实例仍然完全可用。
  },
  destroyed () {
    console.log(‘destroyed‘)
    // Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。
  },
  //修改列表页的meta值，false时再次进入页面会重新请求数据。
  beforeRouteLeave(to, from, next) {
    console.log(‘beforeRouteLeave‘)
    from.meta.keepAlive = false
    next()
  },
  beforeRouteEnter (to, from, next) {
    console.log(‘beforeRouteEnter‘)
    next()
  },