vue定时器
在Vue中使用定时器通常涉及到在组件的data中设置一个计数器，然后在created或mounted钩子中设置一个setInterval定时器来更新这个计数器，并在beforeDestroy钩子中清除定时器以避免内存泄漏。
以下是一个简单的例子：
<template>
<div>
<p>{{ counter }}</p>
</div>
</template>
<script>
export default {
data() {
return {
counter: 0,
timer: null,
};
},
created() {
// 设置定时器每秒更新counter
this.timer = setInterval(() => {
this.counter += 1;
}, 1000);
},
beforeDestroy() {
// 清除定时器以避免内存泄漏
clearInterval(this.timer);
},
};
</script>在这个例子中，当组件被创建时，created钩子会被调用，设置一个定时器每秒增加counter的值。当组件被销毁前，beforeDestroy钩子会被调用，清除定时器以释放资源。
评论已关闭