Skip to content

KeepAlive

KeepAlive 缓存动态组件实例,切换时保留内部状态。

html
<KeepAlive>
  <component :is="current"></component>
</KeepAlive>

include / exclude / max

html
<KeepAlive :include="['user-page']" :max="10">
  <component :is="current"></component>
</KeepAlive>

生命周期

缓存组件会触发 onActivated()onDeactivated()。详见“生命周期 / KeepAlive 生命周期”。