vue Keep-Alive缓存组件使用

<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。

在App.vue使用，但是有些组件需要实时刷新。此时就需要用到exclude

prop:

1. include: 字符串或正则表达式。只有匹配的组件会被缓存。
2. exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。

新建keepAliveConf.js

/**
 * keep-alive组件配置
 * 不需要缓存组件
 * params 路由组件命名集合
 */
let routeList = ['OpenDetailStrip'];
export default {value: routeList.join()};

<keep-alive :exclude="keepAliveConf.value">
  <router-view/>
</keep-alive>