echarts的引用
1. 通过 npm 获取 echarts；
npm install echarts --save；
2. 通过 CDN 引入；
通过标签方式直接引入构建好的 echarts 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="echarts.min.js"></script>
</head>
</html>
vue3的引用：
1.通过 CDN：
<script src="https://unpkg.com/vue@next"></script>
2.脚手架 Vite：
npm init vite-app hello-vue3 # OR yarn create vite-app hello-vue3
3.脚手架 vue-cli：
npm install -g @vue/cli # OR yarn global add @vue/cli
vue create hello-vue3
在打包环境引用echarts
npm install echarts --save
import * as echarts from 'echarts'
本文介绍了如何在Vue3项目中引入Echarts，包括通过npm和CDN方式获取Echarts，以及在Vite和vue-cli脚手架中的应用。同时，文章讨论了在打包环境和TypeScript中按需引入Echarts的策略，确保只加载必要的组件，减少资源占用。
最低0.47元/天 解锁文章
扫一扫
1632
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
