destroyed 钩子函数
时间: 2023-09-27 19:08:55 浏览: 74
vue中各选项及钩子函数执行顺序详解
在Vue.js中,destroyed钩子函数是在组件销毁后立即调用的。这个钩子函数可以用来清除组件中的定时器、取消事件监听器、解除全局事件绑定等操作,以避免内存泄漏和其他问题。
在destroyed钩子函数中,可以访问到组件的所有属性和方法,所以可以在这个钩子函数中进行一些清理工作。例如,如果组件中有定时器,可以在destroyed钩子函数中清除定时器:
```
export default {
data() {
return {
timer: null
}
},
created() {
this.timer = setInterval(() => {
console.log('定时器执行')
}, 1000)
},
destroyed() {
clearInterval(this.timer)
}
}
```
在上面的例子中,我们在组件的created钩子函数中创建了一个定时器,并将其保存在组件的data属性中。在组件销毁时,我们在destroyed钩子函数中清除了定时器,以避免内存泄漏。
阅读全文