Vue程序化的事件监听器(实例方案详解)

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

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

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

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

mounted: function () {
 this.attachDatepicker('startDateInput')
 this.attachDatepicker('endDateInput')
},
methods: {
 attachDatepicker: function (refName) {
  var picker = new Pikaday({
   field: this.$refs[refName],
   format: 'YYYY-MM-DD'
  })

  this.$once('hook:beforeDestroy', function () {
   picker.destroy()
  })
 }
}