keep-alive页面缓存

使用步骤：

1 丶首先需要在router里面设置 meta 

例如：{

               path: '/createAdate',

               name: 'createAdate',

               component: createAdate,

               meta: {

               keepAlive: true

                }

            },

2 丶在App.vue 里面设置：

　　<div id="app">

　　　　<keep-alive>

　　　　　　<router-view v-if="$route.meta.keepAlive"></router-view>

　　　　</keep-alive>

　　　　<router-view v-if="!$route.meta.keepAlive"></router-view>

　　</div>

 完成以上两步之后 createAdate页面就已经设置了缓存了，现在我们有一个需求：列表页进入详情页不需要缓存，详情里面有筛选，进入搜索页，再返回详情页，需要缓存详情页，

这样的话呢，详情页面就始终被缓存 了，利用  this.$destroy() 销毁组件依旧是有缓存的，后面查询了很多文档，都看得不是很清楚，所以在这里记录一下最终的解决方法。