Vue-05-router和keep-alive

<keep-alive include="test-keep-alive">
  <!-- 将缓存name为test-keep-alive的组件 -->
  <component></component>
</keep-alive>


<keep-alive exclude="test-keep-alive">
  <!-- 将不缓存name为test-keep-alive的组件 -->
  <component></component>
</keep-alive>

添加keep-alive标签后
组件的created和destoryed不会被频繁创建和销毁
添加后可以使用activated和deactivated（组件活跃状态和不活跃状态时触发）

可以通过下面措施解决上面问题

给router-view标签套上keep-alive

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

 data(){
    return {
      // 给默认路由,保存路由
      path:"/home/news"
    }
  },
  //路由处于活跃是跳转到记录的路由
  activated(){
    this.$router.push(this.path);
  },
  // 记录离开前活跃状态的路由
  beforeRouterLeave(){
    this.path = this.$route.path;
  },

内容仅供学习参考，若有错误欢迎大家指正----WUCASE