**今天分享一下 vue中的 keep-alive标签的作用**
1.*keep-alive可以实现组件缓存,当组件切换时,主要用于保留组件状态或避免重新渲染
使用场景:比如有一个列表和一个详情,那么用户就会经常执行打开详情=>返回列表=>打开详情…这样的话列表和详情都是一个频率很高的页面,那么就可以对列表组件使用进行缓存,这样用户每次返回列表的时候,都能从缓存
*
2.
列表页和详情页都用了keep-alive标签包裹起来了,这样在我们切换这两个组件的时候就可以把里面的数据缓存起来。
keep-alive还有两个属性 include和exclude
include:只有名称匹配的组件会被缓存。
exclude:任何名称匹配的组件都不会被缓存。
它还有两个生命周期函数钩子 activated 和 deactivated,他们用在组件中,离开当前组件的时候会触发deactivated函数,进入到组件中时会触发activated函数
好的,今天的分享就到这里,做的不好请勿怪。