Vue-生命周期-销毁
warning:
这篇文章距离上次修改已过186天，其中的内容可能已经有所变动。
在Vue中，销毁一个组件实例时，会触发一个叫做destroyed的生命周期钩子。你可以在这个钩子中执行一些清理工作，比如取消定时器、解绑事件监听器等。
以下是一个简单的例子：
<template>
<div>{{ message }}</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello Vue!',
timerId: null
};
},
created() {
// 模拟一个定时器
this.timerId = setInterval(() => {
this.message = 'Hello Vue!';
}, 1000);
},
destroyed() {
// 清理定时器
if (this.timerId) {
clearInterval(this.timerId);
}
}
};
</script>在这个例子中，组件被销毁时，destroyed钩子会被触发，并清除之前在created钩子中创建的定时器。这样可以避免内存泄漏等问题。
评论已关闭