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…