关于事件及定时器的清除方法

以下介绍两种事件及定时器的清除方法

方法一：在beforeDestroy生命周期销毁
方法二：在事件及定时器的方法或者生命周期函数中声明并销毁

方法一：在beforeDestroy生命周期销毁

// 方法一：beforeDestroy() {eventBus.$off('getData') // 清除事件clearInterval(this.timer) // 清除定时器}

*注意公共eventBus事件的销毁是使用$off,在beforeDestroy生命周期我们可以进行一些销毁操作

方法二：在事件及定时器的方法或者生命周期函数中声明并销毁

// 方法二：mounted() {eventBus.$on('getData', data => {// todo console.log(data)this.$once('hook:beforeDestroy', () => {eventBus.$off('getData') // 清除事件clearInterval(this.timer) // 清除定时器})})}

使用hook:beforeDestroy方法的好处在于结合this.$once直接创建声明并销毁，无需vue实例中创建定时器或者其他实例，往往创建定时器和销毁定时器的代码没有放在一起，很容易忘记去清理。

关于事件及定时器的清除方法相关推荐

[react] 组件卸载前，加在DOM元素的监听事件和定时器要不要手动清除？为什么？
[react] 组件卸载前,加在DOM元素的监听事件和定时器要不要手动清除?为什么? 定时器要在 componentWillUnmount 手动清除,直接绑定在JSX里的事件监听器不用,使用ref绑定 ...
JavaScript Dom 事件 Bom 定时器方法
目录 Dom HTML Dom Node:节点对象,其他5个的父对象修改标签体内容属性 innerHTML 事件 BOM 定时器方法 Navigator:浏览器对象 creen:显示器 ...
Linux流行病毒家族清除方法集锦
自2020年开始,深信服安全团队监测到Linux恶意软件挖矿事件大量增多,且有持续上升的趋势. 与Windows下五花八门的勒索病毒家族不同,Linux下感染量较大的恶意软件就几个家族.但这几个家族占 ...
JavaScript事件添加定时器
一日不见,如隔三秋我还是你们熟悉的-- 世界上有两种东西,是无法挽回的,一种是过去的时间,另一种就是说过的话. 丰富自己比取悦他人更有力量:种下梧桐树,引得凤凰来.你若盛开,蝴蝶自来,你若精彩,天自 ...
C#（WPF）去除事件中注册的事件处理方法！
在WPF中,移除一个事件中已经注册的处理方法,看似简单,实际还是很痛苦的一件事情.因为C#的灵活性,定义事件的方法也是多种多样. 我自己定义了一个事件: public event EventHandl ...
【转】C#中的弱事件：不同的解决方法
中文原文:http://www.itgrass.com/a/csharp/C-sl/200811/05-8388.html 英文出处:http://www.codeproject.com/KB/cs/ ...
单片机软件定时器的使用方法
单片机软件定时器的使用方法特别声明:文章是原创但是本文讲述的思想是在国外的开源代码中借鉴的初学者在编写单片机程序时经常会用到延时函数,但是当系统逐步复杂以后(没有复杂到使用操作系统)延时会因为延时 ...
JS 设置定时器和清除定时器
在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 window对象提供了两个方法来实 ...
JS定时器和清除定时器/JS四
1.永久定时使用格式如下: timer =window.setInterval(function(){ 每隔多长时间执行的代码 }, 1000) 1000代表的是1000毫秒,上面的代码返回的是 ...

关于事件及定时器的清除方法

以下介绍两种事件及定时器的清除方法

方法一：在beforeDestroy生命周期销毁

方法二：在事件及定时器的方法或者生命周期函数中声明并销毁

关于事件及定时器的清除方法相关推荐

最新文章

热门文章