跳至主要內容

动态组件

刘春龙原创...大约 1 分钟WEB前端Vue3教程文档

有些场景会需要在两个组件间来回切换,比如 Tab 界面

组件保持存活

在上边的案例中,我们在输入框输入的内容切换组件后会消失

当使用 <component :is="..."> 来在多个组件间作切换时,被切换掉的组件会被卸载。我们可以通过<keep-alive>组件强制被切换掉的组件仍然保持“存活”的状态

此时再去看,在切换组件时另一个组件就不会被卸载了,这就避免了一些额外的性能开销

上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7