在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的生命周期函數，詳情去官網查看哦

• 傳送門： 點擊去Vue官網