一、建立最新的Vue3工程
npm init vue@latest
二、安装ECharts
npm install echarts --save
三、在vue中引入echarts
* 本文为了更清晰的展示代码,已将vue工程中多余的代码清除。
1.使用provide方法,在App.vue中引入全局echarts
代码如下:
2.创建chart1页面,引用echarts,使用echarts官方代码建立柱状图
3.成果
*provide / inject 是vue中提供的一种父组件为子组件传值的方法