vue生命周期beforeDestroy和destroyed調(diào)用方式
生命周期beforeDestroy和destroyed調(diào)用
情境一
離開(kāi)當(dāng)前路由，會(huì)直接調(diào)用；
當(dāng)前路由不使用 緩存，離開(kāi)當(dāng)前路由會(huì)直接調(diào)用 beforeDestroy 和 beforeDestroy 銷(xiāo)毀
情景二
離開(kāi)當(dāng)前路由，不會(huì)直接調(diào)用，需要程序控制調(diào)用；
當(dāng)前路由使用 緩存，離開(kāi)當(dāng)前路由不會(huì)直接調(diào)用 beforeDestroy 和 beforeDestroy 銷(xiāo)毀，需要使用路由鉤子函數(shù)主動(dòng)的調(diào)用
beforeRouteLeave(to, from, next) {
? this.$destroy();
? next();
}beforeDestroy和destroyed生命周期函數(shù)的特點(diǎn)
beforeDestroy生命周期函數(shù)表示即將銷(xiāo)毀，此時(shí)仍然可以使用子組件的實(shí)例、methods、watch
到了destroyed生命周期函數(shù)，此時(shí)已經(jīng)被銷(xiāo)毀，無(wú)法再使用子組件的實(shí)例，methods、watch
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue-cli3.0 axios跨域請(qǐng)求代理配置方式及端口修改
這篇文章主要介紹了vue-cli3.0 axios跨域請(qǐng)求代理配置方式及端口修改,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
基于Vue uniapp實(shí)現(xiàn)貪吃蛇游戲
貪吃蛇游戲想必是很多70、80后的回憶，一直到現(xiàn)在也深受大家的喜歡。本文將利用Vue+uniapp實(shí)現(xiàn)這一經(jīng)典的游戲，感興趣的可以了解一下2022-04-04
Vue3項(xiàng)目引入阿里iconfont圖標(biāo)與字體及使用教程
Iconfont國(guó)內(nèi)功能很強(qiáng)大且圖標(biāo)內(nèi)容很豐富的矢量圖標(biāo)庫(kù),提供矢量圖標(biāo)下載、在線(xiàn)存儲(chǔ)、格式轉(zhuǎn)換等功能,下面這篇文章主要給大家介紹了關(guān)于Vue3項(xiàng)目引入阿里iconfont圖標(biāo)與字體及使用教程,需要的朋友可以參考下2023-05-05
vue3.0 CLI - 2.1 - component 組件入門(mén)教程
這篇文章主要介紹了vue3.0 CLI - 2.1 - component 組件入門(mén)教程,本文主要的關(guān)注點(diǎn)就是組件，本文通過(guò)實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-09-09
vue項(xiàng)目API接口get請(qǐng)求傳遞參數(shù)方式
這篇文章主要介紹了vue項(xiàng)目API接口get請(qǐng)求傳遞參數(shù)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
本篇文章主要介紹了vue組件之Alert的實(shí)現(xiàn)代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
Vue使用moment將GMT時(shí)間轉(zhuǎn)換為北京時(shí)間
GMT（Greenwich Mean Time）和UTC（Coordinated Universal Time）是兩個(gè)時(shí)間標(biāo)準(zhǔn),它們?cè)谠S多方面非常相似,但也有一些微小的差異,本文給大家詳細(xì)介紹了Vue使用moment將GMT時(shí)間轉(zhuǎn)換為北京時(shí)間,需要的朋友可以參考下2023-12-12
在本篇文章里小編給大家整理的是關(guān)于Vue基礎(chǔ)配置講解內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。2019-11-11
本文主要介紹了element Dropdown組件意想不到的坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
在vue項(xiàng)目中優(yōu)雅的使用SVG的方法實(shí)例詳解
本文旨在介紹如何在項(xiàng)目中配置和方便的使用svg圖標(biāo)。本文以vue項(xiàng)目為例給大家介紹在vue項(xiàng)目中優(yōu)雅的使用SVG的方法，需要的朋友參考下吧2018-12-12