vue中定时器的设置和销毁

方案1（推荐）：

该方法是通过$once这个事件侦听器器在定义完定时器之后的位置来清除定时器。

const timer = setInterval(() => {

// 定时器操作

}, 1000)

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

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

    clearInterval(timer);                                   

})

方案2：

首先在data定义定时器变量名，最后在beforeDestroy()生命周期内清除定时器：

然而，我们清除定时器的时候经常可以看到这种写法

js中清楚setTimeout的定时触发设置，之所以加个timer，是为了方便第二次赋值给timer。

也就是说直接clearTImeout（timer）则timer就不存在了  再次访问就是error了。

而timer&&clearTimeout(timer)则将timer 变成undefined

等同于