vue离开页面时如何销毁定时器

beforeDestroy() {
if(this.timer) {
　　　　clearInterval(this.timer); //关闭
　　 }  //利用vue的生命周期函数

 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);                                     
})