Vue中的keep-alive

keep-alive

keep-alive 是 Vue 内置的一个抽象组件，可以使被包含的组件保留状态，避免组件反复创建和渲染

• keep-alive一般结合路由和动态组件一起使用，用于缓存组件。

  <keep-alive>
      <component :is='current'></component>
  </keep-alive>
  

• keep-alive提供 include 和 exclude 属性，两者都支持字符串或正则表达式， include 表示只有名称匹配的组件会被缓存，exclude 表示任何名称匹配的组件都不会被缓存 ，其中 exclude 的优先级比 include 高；

  <keep-alive :include="includeList" :exclude="excludeList">
      <router-view></router-view>
  </keep-alive>
  

  keep-alive会缓存include匹配的组件，而不会缓存exclude匹配的组件。

​