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

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

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

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

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

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

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

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