vue生命周期

1、beforeDestroy

也用vue開發(fā)了幾個(gè)月，一直也沒有用過 beforeDestroy，但是最近遇到一個(gè)問題，在一個(gè)頁(yè)面使用
setInterval 時(shí)候，退出了這個(gè)頁(yè)面，setInterval 居然沒有停止，還在執(zhí)行，于是我想在跳轉(zhuǎn)頁(yè)面或者回退到其他頁(yè)面的時(shí)候把 setInterval 銷毀，于是便用到了 beforeDestroy

直接上代碼

created () {         //也可以寫在methods 里面
    this.clearINterval = setInterval(function () {     //clearINterval 在data里面定義
        // something here
}, 1000)
}
beforeDestroy () {
    clearInterval(this.clearINterval)              //退出頁(yè)面就會(huì)銷毀setInterval （不管是什么方式退出）
},
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 什么是生命周期？ Vue實(shí)例有一個(gè)完整的生命周期，也就是從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載Dom、渲染→更新→...
    travelClark閱讀 2,602評(píng)論 0贊 36
  • Vue 實(shí)例 在文檔中經(jīng)常會(huì)使用 vm 這個(gè)變量名表示 Vue 實(shí)例，在實(shí)例化 Vue 時(shí)，需要傳入一個(gè)選項(xiàng)對(duì)象，...
    鄙人才疏學(xué)淺閱讀 597評(píng)論 0贊 1
  • 先上圖 遇到的一個(gè)問題 在我的項(xiàng)目中，常用的生命周期鉤子函數(shù)一直都是mounted，對(duì)于大部分情況，都是屢試不爽、...
    任無(wú)名F閱讀 41,744評(píng)論 10贊 50
  • 1、前言 現(xiàn)在工作中用Vue也很多了，是時(shí)候總結(jié)一下自己使用Vue的心得了。其實(shí)，我并不知道從何開始去總結(jié)vue，...
    littleSong閱讀 173評(píng)論 0贊 2
  • 測(cè)試生命周期鉤子函數(shù)代碼： main.js const v= new Vue({ data: { hh:'數(shù)據(jù)',...
    luckySnail閱讀 1,493評(píng)論 0贊 2