一、keep-alive用处
缓存组件状态
keep-alive是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们
二、keep-alive优势
组件切换的过程中,保存组件状态,避免重复渲染DOM—>提升了性能
三、keep-alive用法
//vue2
<keep-alive>
<router-view></router-view>
</keep-alive>
//vue3
<router-view v-slot="{ Component }">
<keep-alive>
<component :is="Component"></component>
</keep-alive>
</router-view>