vue生命周期beforeDestroy和destroyed調用方式
更新時間：2022年06月29日 14:28:27 作者：飛飛飛~元寶
這篇文章主要介紹了vue生命周期beforeDestroy和destroyed調用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
生命周期beforeDestroy和destroyed調用
情境一
離開當前路由，會直接調用；
當前路由不使用 緩存，離開當前路由會直接調用 beforeDestroy 和 beforeDestroy 銷毀
情景二
離開當前路由，不會直接調用，需要程序控制調用；
當前路由使用 緩存，離開當前路由不會直接調用 beforeDestroy 和 beforeDestroy 銷毀，需要使用路由鉤子函數(shù)主動的調用
beforeRouteLeave(to, from, next) {
? this.$destroy();
? next();
}beforeDestroy和destroyed生命周期函數(shù)的特點
beforeDestroy生命周期函數(shù)表示即將銷毀，此時仍然可以使用子組件的實例、methods、watch
到了destroyed生命周期函數(shù)，此時已經(jīng)被銷毀，無法再使用子組件的實例，methods、watch
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
解決vue-cli webpack打包開啟Gzip 報錯問題
這篇文章主要介紹了vue-cli webpack打包開啟Gzip 報錯問題的解決方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細介紹了vue組件tabbar使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
vue中.env文件配置環(huán)境變量的實現(xiàn)
本文主要介紹了vue中.env文件配置環(huán)境變量的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
這篇文章主要介紹了vue中的代理proxy，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-02-02
這篇文章主要介紹了vue滾動固定頂部及修改樣式，本文給大家提到了滾動固定位置有多種方法,感興趣的朋友跟隨小編一起看看吧2019-05-05
這篇文章主要為大家介紹了Vue之監(jiān)聽數(shù)據(jù)的原理，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-11-11
本文主要介紹了vue中v-if失效原因及解決方法,一般v-if失效都是和綁定變量有關,下面就來具體介紹一下,感興趣的可以了解一下2023-09-09
這篇文章主要介紹了在Vue2和Vue3中如何使用watch偵聽器，分別對vue2及vue3作了詳細的說明，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
大家在做前端項目的時候,大部分頁面, 游客都可以直接訪問 , 如遇到 需要登錄才能進行的操作,頁面將提示并跳轉到登錄界面,那么如何才能實現(xiàn)頁面攔截并跳轉到對應的登錄界面呢,本文小編就來給大家介紹一下Vue實現(xiàn)頁面訪問攔截的方法,需要的朋友可以參考下2023-08-08
在vue中彈窗是常用的組件之一,可以用來展示警告、成功提示和錯誤信息等內容,這篇文章主要給大家介紹了關于如何使用Vue實現(xiàn)彈窗效果的相關資料,需要的朋友可以參考下2024-02-02