vue 缓存部分组件!

1.缓存部分组件

<keep-alive :include="['addpatient']">
      <router-view />
    </keep-alive>

有些场景需要回到某个页面不刷新,保持里面的内容,这时候就需要缓存页面,但是不能全部缓存的情况下,就需要使用部分缓存了

 2.官网案例:

<!-- 逗号分隔字符串 -->
<keep-alive include="a,b">
  <component :is="view"></component>
</keep-alive>

<!-- 正则表达式 (使用 `v-bind`) -->
<keep-alive :include="/a|b/">
  <component :is="view"></component>
</keep-alive>

<!-- 数组 (使用 `v-bind`) -->
<keep-alive :include="['a', 'b']">
  <component :is="view"></component>
</keep-alive>

3,官网地址

https://cn.vuejs.org/v2/api/#keep-alive