Vue組件中的定時器銷毀問題

方法一:

在data函數中定義定時器名稱:

data(){
    return {
        timer: null // 定時器名稱
    }
}

然后這樣使用定時器:

this.timer = (()=>{
    // To do something
}, 1000)

最后在beforeDestroy()生命周期內清除定時器:

beforeDestroy() {
    clearInterval(this.timer);        
    this.timer = null;
}

方案1有兩點不好的地方乞娄,引用尤大的話來說就是:

  • 它需要在這個組件實例中保存這個 timer,如果可以的話最好只有生命周期鉤子可以訪問到它锡凝。這并不算嚴重的問題挟秤,但是它可以被視為雜物壹哺。
  • 我們的建立代碼獨立于我們的清理代碼开缎,這使得我們比較難于程序化的清理我們建立的所有東西割去。

方法二

該方法是通過$once這個事件偵聽器器在定義完定時器之后的位置來清除定時器尔当。以下是完整代碼:

const timer = setInterval(() =>{            
    // 某些定時器操作                
}, 500);            
// 通過$once來監(jiān)聽定時器蕉斜,在beforeDestroy鉤子可以被清除论熙。
this.$once('hook:beforeDestroy', () => {    
    clearInterval(timer);                      
})
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末梦皮,一起剝皮案震驚了整個濱河市芹缔,隨后出現的幾起案子驾孔,更是在濱河造成了極大的恐慌秋度,老刑警劉巖炸庞,帶你破解...
    沈念sama閱讀 211,348評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異荚斯,居然都是意外死亡埠居,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 90,122評論 2 385
  • 文/潘曉璐 我一進店門事期,熙熙樓的掌柜王于貴愁眉苦臉地迎上來滥壕,“玉大人,你說我怎么就攤上這事兽泣∫镩伲” “怎么了?”我有些...
    開封第一講書人閱讀 156,936評論 0 347
  • 文/不壞的土叔 我叫張陵唠倦,是天一觀的道長称鳞。 經常有香客問我,道長稠鼻,這世上最難降的妖魔是什么冈止? 我笑而不...
    開封第一講書人閱讀 56,427評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮候齿,結果婚禮上靶瘸,老公的妹妹穿的比我還像新娘。我一直安慰自己毛肋,他們只是感情好怨咪,可當我...
    茶點故事閱讀 65,467評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著润匙,像睡著了一般诗眨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上孕讳,一...
    開封第一講書人閱讀 49,785評論 1 290
  • 那天匠楚,我揣著相機與錄音巍膘,去河邊找鬼。 笑死芋簿,一個胖子當著我的面吹牛峡懈,可吹牛的內容都是我干的。 我是一名探鬼主播与斤,決...
    沈念sama閱讀 38,931評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼肪康,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了撩穿?” 一聲冷哼從身側響起磷支,我...
    開封第一講書人閱讀 37,696評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎食寡,沒想到半個月后雾狈,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 44,141評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡抵皱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,483評論 2 327
  • 正文 我和宋清朗相戀三年善榛,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片呻畸。...
    茶點故事閱讀 38,625評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡锭弊,死狀恐怖,靈堂內的尸體忽然破棺而出擂错,到底是詐尸還是另有隱情,我是刑警寧澤樱蛤,帶...
    沈念sama閱讀 34,291評論 4 329
  • 正文 年R本政府宣布钮呀,位于F島的核電站,受9級特大地震影響昨凡,放射性物質發(fā)生泄漏爽醋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,892評論 3 312
  • 文/蒙蒙 一便脊、第九天 我趴在偏房一處隱蔽的房頂上張望蚂四。 院中可真熱鬧,春花似錦哪痰、人聲如沸遂赠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽跷睦。三九已至,卻和暖如春肋演,著一層夾襖步出監(jiān)牢的瞬間抑诸,已是汗流浹背烂琴。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蜕乡,地道東北人奸绷。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像层玲,于是被迫代替她去往敵國和親号醉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,492評論 2 348

推薦閱讀更多精彩內容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,092評論 1 32
  • 最近要求使用vue進行前后端分離開發(fā)微信公眾號称簿,不斷摸索踩坑之后扣癣,總結出如下幾點vue項目開發(fā)中常見的問題及解決辦...
    1263536889閱讀 809評論 0 15
  • 國家電網公司企業(yè)標準(Q/GDW)- 面向對象的用電信息數據交換協議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 10,926評論 6 13
  • 今天下午在最后一節(jié)體育課,體育老師給我們測100米500米男子憨降,100米500米女子父虑,男子100米我第一名,...
    倔犟的張博聞閱讀 174評論 0 2
  • 在此之下她就顯得無話題 或者在別人看來是無聊授药,因為剛入社會的她是三無青年士嚎,沒錢沒能力沒經驗,還沒到需要討論這個的時...
    在美景中發(fā)呆閱讀 193評論 0 0