KeepAlive

这是vue的内置组件之一，用于实现动态组件切换。

基础使用

是这样用的：

vue

<KeepAlive :max="10">
  <component :is="activeComponent" />
</KeepAlive>

效果类似于：

vue

<component :is="activeComponent" />
<!--或者-->
<component1 v-if="isActive"></component1>
<component2 v-else="isActive"></component2>

区别在于：当内部组件被销毁（卸载）时，<KeepAlive> 会将组件的数据和状态缓存，该组件再次创建时还是维持原样。