vue中setInterval的清除

两种清除setInterval的方式：

方案一：

data() {                 return {                                       timer: null  // 定时器名称               }         }, mouted() {     this.timer = (() => {     // 某些操作     }, 1000) }, beforeDestroy() {     clearInterval(this.timer);             this.timer = null; }

方案二（官方推荐）：通过$once事件侦听器器在定义完定时器之后的位置来清除定时器。

方案一有两个潜在的问题：

• timer，如果可以的话最好只有生命周期钩子可以访问到它。这并不算严重的问题，但是它可以被视为杂物。
• 我们的建立代码独立于我们的清理代码，这使得我们比较难于程序化地清理我们建立的所有东西。

mounted() {     const timer = setInterval(() =>{                         // 某些定时器操作                     }, 500);                 // 通过$once来监听定时器，在beforeDestroy钩子可以被清除。     this.$once('hook:beforeDestroy', () => {                     clearInterval(timer);                                         }) }