vue beforedestroy

笔记2024-04-023 人已阅来源:网络

在 Vue.js 中,组件有一个生命周期钩子函数叫 beforeDestroy。它会在组件销毁前调用,可以用来做清理工作,如清除计时器,解绑事件等。

export default {
data() {
return {
timer: null
}
},
mounted() {
this.timer = setInterval(() =>{
console.log('Hello World!')
}, 1000)
},
beforeDestroy() {
clearInterval(this.timer)
}
}

在这个示例中,我们创建了一个定时器,并保存它的引用到组件的 data 属性中。当组件销毁前,我们使用 beforeDestroy 钩子函数清除定时器,以避免引起内存泄漏。

在实际开发中,我们应该根据需要使用 beforeDestroy 钩子函数,做一些必要的清理工作,避免对系统资源的浪费和损害。