一天一题:简述对keep-alive的了解

175 阅读1分钟

Keep-alive 是Vue的内置组件,可以使被包含的组件保留状态,避免重新渲染 拥有两个独有的生命周期钩子函数,activateddeactivated

用它包裹动态组件时,会缓存不活动的组件实例,主要用于保留组件状态或避免重新渲染。例如我们将某个列表类组件内容滑动到第100条位置,那么我们在切换到一个组件后再次切换回到该组件,该组件的位置状态依旧会保持在第100条列表处

大白话: 比如有一个列表和一个详情,那么用户就会经常执行打开详情=>返回列表=>打开详情…这样的话列表和详情都是一个频率很高的页面,那么就可以对列表组件使用进行缓存,这样用户每次返回列表的时候,都能从缓存中快速渲染,而不是重新渲染