vue如何实现事件的销毁

本文主要介绍"vue怎么实现事件的销毁"，希望能够解决您遇到有关问题，下面我们一起来看这篇 "vue怎么实现事件的销毁" 文章。

事件的销毁

Vue 组件销毁时，会自动解绑它的全部指令及事件监听器，但是仅限于组件本身的事件

而对于定时器、addEventListener 注册的监听器等，就需要在组件销毁的生命周期钩子中手动销毁或解绑，以避免内存泄露

<script>
export default {  
 created() {   
  this.timer = setInterval(this.refresh, 2000)  
  addEventListener('touchmove', 
this.touchmove, false) 
 }, 
  beforeDestroy() {  
   clearInterval(this.timer)   
   this.timer = null   
   removeEventListener('touchmove', 
this.touchmove, false) 
 }
}
</script>

关于 "vue怎么实现事件的销毁" 就介绍到这。希望大家多多支持编程宝库。

怎么用mpvue+koa+mongodb开发商城小程序：本文主要介绍"如何用mpvue+koa+mongodb开发商城小程序"，希望能够解决您遇到有关问题，下面我们一起来看这篇 "如何用mpvue+koa+mongodb开发商城小程序" 文 ...