keep-alive实现标签路由缓存与关闭标签后清除页面缓存

<transition name="fade" mode="out-in">
	<keep-alive :include="需要缓存的页面（vue页面的name值）" :exclude="不需要缓存的数据" :max="最大缓存量">
    	<router-view v-if="$route.meta.keepAlive"></router-view>
   	</keep-alive>
</transition>
<transition name="fade" mode="out-in">
   <router-view v-if="!$route.meta.keepAlive"></router-view>
</transition>
 //在router里定义组件是否需要被缓存keepAlive属性
 //定义name值与vue页面name值相同

{
    path: "/",
    component: Home,
    name: "Home",//vue页面name值
    hidden: false,
    children: routers,
    meta: {
      keepAlive: true,//是否缓存
    },
  },

切换页面保留路由值，储存起来赋值给include属性（字符串），关闭页面清掉当前页面保留值。