欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue中destroyed方法的使用說明

 更新時間：2020年07月21日 11:16:27   作者：小魚兒游啊~游  
這篇文章主要介紹了vue中destroyed方法的使用說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

我們從destroyed的字面意思可知，中文意為是“銷毀”的意思，當(dāng)我們離開這個頁面的時候，便會調(diào)用這個函數(shù)(具體可以看看vue的的生命周期)，我們常用來銷毀一些監(jiān)聽事件及定時函數(shù)，例如：

// 銷毀監(jiān)聽事件
destroyed() {
 window.removeEventListener('resize', this.resizeWin)
}

從上函數(shù)可知，當(dāng)用戶離開頁面的時候便會銷毀監(jiān)聽事件。

補充知識：vue頁面刷新時，執(zhí)行了哪些生命周期——謹(jǐn)慎使用beforeDestroy和destroyed

先來回顧一下vue實例的生命周期（以下圖片來自官方文檔）。

我的項目中某個組件在localstorage中存了數(shù)據(jù)，要求離開頁面時需要把localstorage中相應(yīng)的數(shù)據(jù)清空。于是我將清空storage的代碼寫在了beforeDestroy中。但在刷新頁面時，storage并沒有被清空。

經(jīng)過測試發(fā)現(xiàn)，在頁面刷新時，實例依次執(zhí)行了beforeCreate(),created(),beforeMount(),mounted(),beforeUpdate(),updated()。并沒有來得及執(zhí)行destroy，與把頁面關(guān)閉再重新打開的效果是一樣的。所以在beforeDestroy或destroyed時執(zhí)行的代碼，要額外考慮一下對頁面刷新的處理。

以上這篇vue中destroyed方法的使用說明就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論