vue中echarts销毁

在 Vue 中使用 ECharts，销毁实例可以通过 `this.$refs.chart.dispose()` 来实现，其中 `chart` 是在 `mounted` 钩子函数中通过 `echarts.init()` 方法初始化的 ECharts 实例的引用。具体实现方法如下：

<template>
  <div ref="chart" style="height: 400px;"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  mounted() {
    // 初始化ECharts实例
    this.chart = echarts.init(this.$refs.chart)

    // ...

    // 在组件销毁前销毁ECharts实例
    this.$once('hook:beforeDestroy', () => {
      if (this.chart) {
        this.chart.dispose()
        this.chart = null
      }
    })
  }
}
</script>

在上面的代码中，`this.$once('hook:beforeDestroy', ...)` 表示在组件销毁前只执行一次的生命周期钩子函数。在钩子函数中，首先判断 `this.chart` 是否存在，如果存在则调用 `dispose()` 方法销毁实例，并将 `this.chart` 置为 `null`。这样可以避免在组件销毁后重复销毁实例的问题。