Vue清除定时器setInterval优化方案分享

data() {      
  return {               
    timer: null // 定时器名称     
  }    
},

this.timer = (() => {
  // 某些操作
}, 1000)

beforeDestroy() {
  clearInterval(this.timer);    
  this.timer = null;
}

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

mounted(){
   var that=this;
    var num = 1;
    var ss='';
   var a=setInterval(()=>{
    a+=10;
     if(this num===100){
      ss='success';
      console.log(ss)  
    			clearInterval(a)  //当num等于100时清除定时器
   } 
   }, 1000); 
  }