js面试题 keep-alive

一、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>

可以达到切换组件，原组件内容保存 不被销毁的效果