vue3 引入echarts setup

在Vue3中引入echarts的方式可以通过以下步骤实现：

1. 首先，在项目中安装echarts依赖，可以通过运行`npm install echarts`或者`yarn add echarts`来安装。

2. 在需要使用echarts的组件中，可以使用`import * as echarts from 'echarts'`来引入echarts库。例如，在App.vue组件中可以这样引入echarts：

import { provide } from 'vue'
import * as echarts from 'echarts'

export default {
  name: 'App',
  setup() {
    provide('ec', echarts)
  },
  components: {
    // 其他组件
  }
}

3. 在需要使用echarts的子组件中，可以通过`inject`来获取echarts实例。例如，在子组件中可以这样获取echarts实例：

import { inject } from 'vue'

export default {
  name: 'ChildComponent',
  setup() {
    const echarts = inject('ec')

    // 使用echarts实例进行操作
    // 例如：echarts.init(...)
  }
}

通过以上步骤，你就可以在Vue3中成功引入echarts并在组件中使用了。