Vue不刷新页面---实时更新列表数据(keep-alive)

1.概念问题

• created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；
• activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等

2.更新操作

注意：可以在增/删/改查/成功之后，跳转页面路由时加上触发更新的标识

应用实例：

//路由跳转写法
this.$router.push({ name: 'AAA', params: { flush: 'on' }})
//跳转之后的页面加上activated钩子
 activated() {
    if (this.$route.params.flush === 'on') {
      this.getList() // 获取分页信息
    }
  }
//类似于上述这样通过标识触发钩子函数，然后更新列表数据

　注意：activated()生命周期函数一定是要在使用了keep-alive组件后才会有