有些场景会需要在两个组件间来回切换,比如 Tab 界面
在上边的案例中,我们在输入框输入的内容切换组件后会消失
当使用 <component :is="..."> 来在多个组件间作切换时,被切换掉的组件会被卸载。我们可以通过<keep-alive>组件强制被切换掉的组件仍然保持“存活”的状态
<component :is="...">
<keep-alive>
此时再去看,在切换组件时另一个组件就不会被卸载了,这就避免了一些额外的性能开销