再谈 Vue 中使用 keep-alive ：结合 activated & include & vuex & 路由的 beforeEach 动态缓存

上次写了一篇关于 Vue中使用 keep-alive 的文章，现在看来，只能说是一篇针对 keep-alive 最简单用法的介绍，但往往，这样的用法不能满足实际的需求，因此，结合这次项目开发，我们再来谈谈如何利用 keep-alive 做到动态缓存：

项目需求：在项目的众多页面中，有一个 a 页面，同时 a 页面，包含 b、c、d 三个子页面，需求是：

1.当且仅当用户从 e 页面 导航 到 a 页面时，缓存页面 a 下面的  b、c、d 三个子页面，

2.同时页面 a 下面的  b、c、d 三个子页相互切换时，缓存他们，

3.当路由跳离页面 a 再重新进入到页面 a 时，清除之前的缓存。

（说晕了，看路由吧：）

{
    path:'/formDesign',
    name:'FormDesign',
    component: (resolve) => require(["@/page/formDesign/index"], resolve),
    redirect: '/baseForm', //指定默认路由（重定向）
    children:[
               {
                 path:'/baseForm',
                 name:'BaseForm',
                 com