溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了vue組件中的setInterval方法和window的有什么不同，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。
vue組件中，this指向實例，【實例中重寫了setInterval等一整套方法】。所以，千萬不能和 window 下掛載的方法混用
具體不同在于，window.setInterval執行完比后返回一個id，而vue實例中返回【定時器對象】，當然該對象中包含一個_id的私有屬性
因為 clearInterval 方法參數是id，所以最佳實踐是統一使用 window 的方法，不要使用 vue組件的方法
vue中的定時器方法，要使用箭頭函數，不要出現 const that = this 的寫法
//正確的用法
mounted() {
// 如果不加 window ，則會使用 vue實例的方法，將無法清除定時器
this.timer = window.setInterval(() => {
this.date = new Date();
}, 2000);
console.log(this.timer);//number
},
methods: {
clearTimer() {
window.clearInterval(this.timer);
this.timer = null;
}
}補充知識：vue 切換頁面 setInterval
vue 是單頁面應用，路由切換后，定時器并不會自動關閉，需要手動清除，當頁面被銷毀時，清除定時器即可。
mounted(){
clearInterval(this.timer);
this.setTimer();
},
destroyed(){
clearInterval(this.timer)
}以上就是關于vue組件中的setInterval方法和window的有什么不同的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
