解决vue使用keep-alive 第二次进入缓存还在的方案

概念

keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中，这些定义自己去看。

痛点

使用了keep-alive 虽然能够实现缓存，但是缓存一旦被设置就一直存在。不管用户如何关闭菜单，缓存还是一直存在。

前提条件

 框架采用的是vue2.0的

缓存所有页面

        App.vue 

      

1-1

代码：

<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>

<script>
export default {
  name: "App",
  pro