keep-alive缓存应用

在开发的一些页面中,我们经常需要在页面设置数据缓存,来提高我们的项目性能,在vue 里面,提供了<keep-alive>标签来缓存页面数据,只需要把需要缓存的组件嵌套在里面就可以实现缓存,但是也在有的页面里面我们不需要缓存呢,想要每次进入当前页面都能触发对应的事件 的时候又该怎么做呢,说到<keep-alive> ,补充一下,很多时候在开发中,很多人都喜欢配合vue路由封装一下,自己也可以查询资料普及一下知识。。不扯太远了,在需求里面,如果想在设置了<keep-alive>缓存的组件里面,我们应该怎么处理呢?

可能你会第一时间想到created()这个生命周期函数,但是呢,当你组件设置了缓存之后,你会发现再次回到这个页面,created里面的东西就不会在执行了,你自己可以去测试一下。

后面,我了解到,用了缓存的页面, 可以配合deactivated()和activated()来实现记录进入页面和离开页面的事情,这二个函数是在页面组件使用缓存之后才会执行,没有用<keep-alive>缓存是不会执行内部内容的,解释如下:

  1. activate:是在被<keep-alive>包裹组建被激活的状态下使用的生命周期钩子
  2. deactivated:在被<keep-alive>包裹组件停止使用时调用
  3. 页面使用了缓存<keep-alive>之后,其他的生命周期函数就不会执行了,你们自己可以去测试一些

以上内容仅仅作为学习过程的记录,慢慢进步,加油,欢迎各位前辈纠正

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值