const app = createApp(App); app.config.globalProperties.$echarts = ECharts;怎么在vue3 setup里引用

在 Vue 3 的 `setup()` 函数中，我们可以通过 `inject` 和 `provide` 来实现类似于 Vue 2 中 `$parent` 和 `$children` 的功能。因此，如果你希望在 `setup()` 函数中使用 `$echarts` 对象，可以在父组件中使用 `provide` 来提供 `$echarts` 对象，然后在子组件中使用 `inject` 来注入 `$echarts` 对象。

下面是一个简单的示例代码：

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

<script>
import { inject, onMounted } from 'vue';

export default {
  setup() {
    const echarts = inject('$echarts');

    onMounted(() => {
      const chart = echarts.init(this.$refs.chart);

      chart.setOption({
        title: {
          text: 'ECharts 入门示例'
        },
        tooltip: {},
        xAxis: {
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        },
        yAxis: {},
        series: [{
          name: '销量',
          type: 'bar',
          data: [5, 20, 36, 10, 10, 20, 5]
        }]
      });
    });

    return {};
  }
}
</script>

在父组件中，我们使用 `provide` 提供了 `$echarts` 对象：

import { createApp } from 'vue';
import App from './App.vue';
import ECharts from 'echarts';

const app = createApp(App);
app.provide('$echarts', ECharts);
app.mount('#app');

在子组件中，我们使用 `inject` 来注入 `$echarts` 对象，并在 `onMounted` 钩子函数中使用 `$echarts` 对象来初始化 ECharts 实例并配置图表。需要注意的是，在 `setup()` 函数中需要返回一个对象，即使没有任何属性或方法，也不能返回 `null` 或 `undefined`。