SOURCE

export default {
    mounted() {
        this.chart = echarts.init(this.$el);
        window.addEventListener('resize', this.$el_handleResizeChart);
    },
    // 通过hook监听组件销毁钩子函数，并取消监听事件
    mounted() {
        this.chart = echarts.init(this.$el);
        window.addEventListener('resize', this.$el_handleResizeChart);
        this.$once('hook:beforeDestroy', () => {
            window.removeEventListener('resize', this.$el_handleResizeChart);
        });
    },
    beforeDestroy() {
        window.removeEventListener('resize', this.$el_handleResizeChart);
    },
    methods: {
        $el_handleResizeChart() {
            this.chart.resize();
        }
    }
}

<template>
    <div class="echarts"></div>
</template>