组件销毁时的正确写法,易于可读性。
export default {
mounted() {
this.chart = echarts.init(this.$el)
// 请求数据,赋值数据 等等一系列操作...
// 监听窗口发生变化,resize组件
window.addEventListener('resize', this.resizeEcharts)
// 通过hook监听组件销毁钩子函数,并取消监听事件
this.$once('hook:beforeDestroy', () => {
window.removeEventListener('resize', this.resizeEcharts)
})
},
updated() {},
created() {},
methods: {
resizeEcharts(){
//方法
}
}