【vue优化】事件的销毁_vue组件销毁事件

作者：小丑西瓜9 | 2024-03-12 06:30:36

踩

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>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/222706

【vue优化】 事件的销毁_vue组件销毁事件

事件的销毁

【vue优化】事件的销毁_vue组件销毁事件