快捷導(dǎo)航

vue中destroyed方法及使用示例講解

更新時(shí)間：2023年06月07日 09:52:19 作者：親愛的阿乾

這篇文章主要為大家介紹了vue中destroyed方法及使用示例講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

正文

// 移除監(jiān)聽事件

destroyed() {
?window.removeEventListener('resize', this.resizeWin)
}

// 移除對(duì)dom的操作

destroyed() {
?$("body").removeClass('maven-select');
}

// 由于EventBus不會(huì)憑空消失，所以需要銷毀EventBus相關(guān)定義的事件，否則一直會(huì)以指數(shù)型方式觸發(fā) $emit

destroyed() {
?bus.$off('get', this.myhandle)
}

// 銷毀VueX中存儲(chǔ)的數(shù)據(jù)，否則頁面不刷新，在頁面剛渲染時(shí)，一直展示的是上次的數(shù)據(jù)

destroyed() {
?this.$store.dispatch("cleartList");
}

// 清空瀏覽器localStorage種植的某些變量

destroyed() {
?window.localStorage.removeItem("ID");
}

// 銷毀定時(shí)器

destroyed() {
?clearInterval(this.timer);
?this.timer = null;
}

// beforeDestroy 移除echarts的所有鼠標(biāo)事件以及清空會(huì)話

beforeDestroy() {
?this.chartDom.off('click');
?this.chartDom.clear();
}

以上就是vue中destroyed方法及使用示例講解的詳細(xì)內(nèi)容，更多關(guān)于vue destroyed方法的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

vue模塊拖拽實(shí)現(xiàn)示例代碼
這篇文章主要介紹了vue模塊拖拽實(shí)現(xiàn)示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
Vue3 將組件手動(dòng)渲染到指定元素中的方法實(shí)現(xiàn)
本文主要介紹了Vue3 將組件手動(dòng)渲染到指定元素中的方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
解決Antd輸入框卡頓問題以及Pubsub.js的使用方式
這篇文章主要介紹了解決Antd輸入框卡頓問題以及Pubsub.js的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-04-04
VUE?使用canvas繪制管線管廊示例詳解
這篇文章主要為大家介紹了VUE?使用canvas繪制管線/管廊實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
vue高德地圖JS API實(shí)現(xiàn)海量點(diǎn)標(biāo)記示例
本文主要介紹了vue高德地圖JS API實(shí)現(xiàn)海量點(diǎn)標(biāo)記示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
離線搭建vue環(huán)境運(yùn)行項(xiàng)目完整步驟
這篇文章主要給大家介紹了關(guān)于離線搭建vue環(huán)境運(yùn)行項(xiàng)目的相關(guān)資料,文中通過實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2023-06-06
快速解決Error: error:0308010C:digital envelope ro
因?yàn)?nbsp;node.js V17版本中最近發(fā)布的OpenSSL3.0, 而OpenSSL3.0對(duì)允許算法和密鑰大小增加了嚴(yán)格的限制,下面通過本文給大家分享快速解決Error: error:0308010C:digital envelope routines::unsupported的三種解決方案,感興趣的朋友一起看看吧
2024-02-02
Vue3?封裝擴(kuò)展并簡化Vuex在組件中的調(diào)用問題
這篇文章主要介紹了Vue3?封裝擴(kuò)展并簡化Vuex在組件中的調(diào)用,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-01-01
vuex 的簡單使用
vuex是一個(gè)專門為vue.js設(shè)計(jì)的集中式狀態(tài)管理架構(gòu)。這篇文章主要介紹了vuex 的簡單使用,需要的朋友可以參考下
2018-03-03
Vue3 封裝 element-plus 圖標(biāo)選擇器實(shí)現(xiàn)步驟
這篇文章主要介紹了Vue3 封裝 element-plus 圖標(biāo)選擇器,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-09-09