vue技巧

vue 组件销毁时取消监听事件

<template>
  <div>
    <button></button>
  </div>
</template>

<script>
  export default {mounted(){this.charts = echarts.init(this.$el)
       // 请求数据 赋值一系列操作。。。// 监听窗口发生改变 resize 组件
       window.addEventListener('resize',this.$_handleResizeChart)
      // 通过 hook 监听组件销毁钩子函数 并取消监听事件
      this.$once('hook:beforeDestroy',()=>{window.removeEventListener('resize',this.$_handleResizeChart)
      })
     },
     created(){},
     methods:{$_handleResizeChart(){}}
  }
</script>

<style lang="scss" scoped>

</style>

参考于 https://juejin.im/post/5eef77…