vue生命周期beforeDestroy和destroyed調(diào)用方式

更新時(shí)間：2022年06月29日 14:28:27 作者：飛飛飛~元寶

這篇文章主要介紹了vue生命周期beforeDestroy和destroyed調(diào)用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

生命周期beforeDestroy和destroyed調(diào)用

情境一

離開當(dāng)前路由，會(huì)直接調(diào)用；

當(dāng)前路由不使用緩存，離開當(dāng)前路由會(huì)直接調(diào)用 beforeDestroy 和 beforeDestroy 銷毀

情景二

離開當(dāng)前路由，不會(huì)直接調(diào)用，需要程序控制調(diào)用；

當(dāng)前路由使用緩存，離開當(dāng)前路由不會(huì)直接調(diào)用 beforeDestroy 和 beforeDestroy 銷毀，需要使用路由鉤子函數(shù)主動(dòng)的調(diào)用

beforeRouteLeave(to, from, next) {
? this.$destroy();
? next();
}

beforeDestroy和destroyed生命周期函數(shù)的特點(diǎn)

beforeDestroy生命周期函數(shù)表示即將銷毀，此時(shí)仍然可以使用子組件的實(shí)例、methods、watch

到了destroyed生命周期函數(shù)，此時(shí)已經(jīng)被銷毀，無法再使用子組件的實(shí)例，methods、watch

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

解決vue-cli webpack打包開啟Gzip 報(bào)錯(cuò)問題
這篇文章主要介紹了vue-cli webpack打包開啟Gzip 報(bào)錯(cuò)問題的解決方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-07-07
vue組件tabbar使用方法詳解
這篇文章主要為大家詳細(xì)介紹了vue組件tabbar使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
vue中.env文件配置環(huán)境變量的實(shí)現(xiàn)
本文主要介紹了vue中.env文件配置環(huán)境變量的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
實(shí)例詳解vue中的代理proxy
這篇文章主要介紹了vue中的代理proxy，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-02-02
vue滾動(dòng)固定頂部及修改樣式的實(shí)例代碼
這篇文章主要介紹了vue滾動(dòng)固定頂部及修改樣式，本文給大家提到了滾動(dòng)固定位置有多種方法,感興趣的朋友跟隨小編一起看看吧
2019-05-05
Vue之監(jiān)聽數(shù)據(jù)的原理詳解
這篇文章主要為大家介紹了Vue之監(jiān)聽數(shù)據(jù)的原理，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>
2021-11-11
vue中v-if失效原因及解決方法
本文主要介紹了vue中v-if失效原因及解決方法,一般v-if失效都是和綁定變量有關(guān),下面就來具體介紹一下,感興趣的可以了解一下
2023-09-09
Vue2和Vue3如何使用watch偵聽器詳解
這篇文章主要介紹了在Vue2和Vue3中如何使用watch偵聽器，分別對(duì)vue2及vue3作了詳細(xì)的說明，有需要的朋友可以借鑒參考下，希望能夠有所幫助
2021-09-09
用Vue實(shí)現(xiàn)頁面訪問攔截的方法詳解
大家在做前端項(xiàng)目的時(shí)候,大部分頁面, 游客都可以直接訪問 , 如遇到需要登錄才能進(jìn)行的操作,頁面將提示并跳轉(zhuǎn)到登錄界面,那么如何才能實(shí)現(xiàn)頁面攔截并跳轉(zhuǎn)到對(duì)應(yīng)的登錄界面呢,本文小編就來給大家介紹一下Vue實(shí)現(xiàn)頁面訪問攔截的方法,需要的朋友可以參考下
2023-08-08
手把手教你使用Vue實(shí)現(xiàn)彈窗效果
在vue中彈窗是常用的組件之一,可以用來展示警告、成功提示和錯(cuò)誤信息等內(nèi)容,這篇文章主要給大家介紹了關(guān)于如何使用Vue實(shí)現(xiàn)彈窗效果的相關(guān)資料,需要的朋友可以參考下
2024-02-02