Vue中在组件销毁时清除定时器（setInterval）

在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>