vue3 安装echarts

在Vue3中安装echarts可以按照以下步骤进行操作：

1. 首先，确保你已经安装了Vue CLI。如果没有安装，可以使用以下命令进行安装：

npm install -g @vue/cli

2. 创建一个新的Vue项目。在命令行中运行以下命令：

vue create my-echarts-project

然后按照提示进行配置，选择默认配置或手动选择需要的特性。

3. 进入项目目录：

cd my-echarts-project

4. 安装echarts依赖：

npm install echarts

5. 在Vue组件中使用echarts。在你的Vue组件中，可以按照以下方式引入echarts并使用：

<template>
  <div id="echarts1" ref="container"></div>
</template>

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

export default {
  setup() {
    const container = ref();

    onMounted(() => {
      const chart = echarts.init(container.value);
      // 在这里可以根据需要配置echarts图表
      chart.setOption({
        // ...
      });
    });

    return {
      container
    };
  }
}
</script>

这样，你就可以在Vue3中安装并使用echarts了。