在頁面A中設(shè)置一個定時器,打印一個a,然后跳轉(zhuǎn)到B頁面,這個定時器還一直在執(zhí)行,這樣是非常耗性能的。
解決思路:
使用Vue的$once這個事件偵聽器器在定義完定時器之后的位置來清除定時器
代碼:
const timer = setInterval(() =>{
// 某些定時器操作
}, 500);
// 通過$once來監(jiān)聽定時器,在beforeDestroy鉤子可以被清除。
this.$once('hook:beforeDestroy', () => {
clearInterval(timer);
})
類似于其他需要在當(dāng)前頁面使用,離開需要銷毀的組件(例如一些第三方庫的picker組件等等),都可以使用此方式來解決離開后以后在背后運行的問題。
參考來源:掘金社區(qū)