Vue 组件里的定时器要怎么销毁?

销毁定时器的操作一般是在beforeDestroy钩子中进行，根据定时器的数量不同可以有两种解决方式：

1. 组件中有多个定时器

（1）在data函数里创建一个对象timer，给每个定时器取个名字一一映射在对象timer中;

（2）在beforeDestroy钩子函数中通过循环这个对象,来清除每一个定时器。

 for（let k in this.timer）{ clearInterval（k）}

2. 组件中只有一个定时器

（1）

const timer = setInterval(() =>{

// 某些定时器操作                

}, 500);            

// 通过$once来监听定时器，在beforeDestroy钩子可以被清除。

this.$once(‘hook:beforeDestroy’, () => {            

clearInterval(timer);                                    

})

（2）多定时器的清除方法也适用于单定时器