在mounted中創建并執行定時器,然后在beforeDestroy或者destroyed中清除定時器
<template>
<div class="about">
</div>
</template>
<script>
export default {
name: "about",
data() {
return {
//接收定時器
timer: ""
};
},
mounted() {
let _this = this;
let num = 0;
//創建并執行定時器
this.timer = setInterval(() => {
//當num等于100時清除定時器
if (num == 100) {
clearInterval(_this.timer);
}
console.log(num++);
}, 1000);
},
beforeDestroy() {
//清除定時器
clearInterval(this.timer);
console.log("beforeDestroy");
},
destroyed() {
//清除定時器
//clearInterval(this.timer);
console.log("destroyed");
}
};
</script>
<style scoped>
</style>
這樣在組件銷毀時會清除定時器,具體參考的是vue的生命周期函數,詳情去官網查看哦