beforeDestory使用场景

210 篇文章 4 订阅
49 篇文章 2 订阅
本文强调了在Vue组件的mounted钩子中添加的事件监听器、计时器和自定义事件处理应在组件销毁时正确清理。未及时移除的事件可能导致内存泄漏,而未终止的计时器会在组件不再使用时持续运行。此外,对于通过eventbus订阅的事件,务必在组件销毁时解绑,以避免不必要的资源消耗。
摘要由CSDN通过智能技术生成

1.在vue的组件的mounted钩子中,为window添加事件的话,记得在销毁组件时要移除事件,否则该组件不在了,但事件会一直存在。比如scroll事件!

2.解除一些自定义事件的绑定,如mousemove等,一定要解绑自定义事件;

(注意:销毁后自定义事件会失效,但原生DOM事件依然有效)

3.同理:在mounted钩子中添加计时器,当组件销毁后(例如使用路由切换到另一个组件了),该计时器还会在继续工作,所以在该组件销毁前要清除计时器。不过定时器还有更优雅的消除方法,可参考我前面的文章。
4.解绑event bus的事件。很关键,一定要记得手动销毁,自己之前就踩过坑!!!!!之前也专门写过文章。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值