vue keep-alive作用

			**今天分享一下 vue中的 keep-alive标签的作用**

1.*keep-alive可以实现组件缓存,当组件切换时,主要用于保留组件状态或避免重新渲染
使用场景:比如有一个列表和一个详情,那么用户就会经常执行打开详情=>返回列表=>打开详情…这样的话列表和详情都是一个频率很高的页面,那么就可以对列表组件使用进行缓存,这样用户每次返回列表的时候,都能从缓存
*

2.我们用keep-alive标签把视图包裹起来
列表页和详情页都用了keep-alive标签包裹起来了,这样在我们切换这两个组件的时候就可以把里面的数据缓存起来。
keep-alive还有两个属性 include和exclude
include:只有名称匹配的组件会被缓存。
exclude:任何名称匹配的组件都不会被缓存。

在这里插入图片描述
它还有两个生命周期函数钩子 activated 和 deactivated,他们用在组件中,离开当前组件的时候会触发deactivated函数,进入到组件中时会触发activated函数

在这里插入图片描述
好的,今天的分享就到这里,做的不好请勿怪。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值