淘先锋技术网

首页 1 2 3 4 5 6 7

在Vue中,当组件被销毁时,会触发destroyed生命周期钩子函数。此函数在实例销毁之后被调用。我们可以在该函数中执行一些清理工作,例如取消事件监听器、清除定时器和销毁子组件等。

下面是一个示例代码:

mounted() {
this.timer = setInterval(() =>{
console.log('interval')
}, 1000)
window.addEventListener('resize', this.handleResize)
},
destroyed() {
clearInterval(this.timer)
window.removeEventListener('resize', this.handleResize)
this.$destroy()
}

在上面的代码中,我们定义了一个定时器和一个window的resize事件监听器,在组件销毁时,我们使用clearInterval和removeEventListener函数来清理这些事件。此外,我们还需要调用Vue实例对象的$destroy方法,以便彻底清除该组件的所有引用。

总之,在Vue中,destroyed函数是一个非常有用的生命周期钩子,可以让我们在组件被销毁时执行一些清理工作,以确保应用程序的稳定性和正确性。