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

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

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

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

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

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

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

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