vue怎么引用echarts

npm install echarts --save

import * as echarts from 'echarts'

<template>
  <e-charts :options="options" />
</template>

<script>
import { ref } from 'vue'
import * as echarts from 'echarts'

export default {
  setup() {
    const options = ref({})

    // 设置图表配置项
    options.value = {
      title: {
        text: '示例图表'
      },
      series: [
        {
          type: 'bar',
          data: [5, 20, 36, 10, 10]
        }
      ]
    }

    return {
      options
    }
  }
}
</script>

<template>
  <div id="myChart"></div>
</template>

<script>
import { ref, onMounted } from 'vue'
import * as echarts from 'echarts'

export default {
  setup() {
    const chartDom = ref(null)

    onMounted(() => {
      const myChart = echarts.init(chartDom.value)

      // 设置图表配置项
      const options = {}

      myChart.setOption(options)
    })

    return {
      chartDom
    }
  }
}
</script>