1.下载echarts文件
从ehcarts官方下载地址下载echarts.min.js
我这里是把它放在了项目的public\static\lib
下面,放其他地方也可以,但是项目规范一般是把它放这里。
2.全局引入
在public\index.html
引入echarts.min.js
在项目根目录的main.js
中挂载到全局
// 将全局Echarts挂载到Vue的原型上
Vue.prototype.$echarts = window.echarts
3.在Vue中使用
先写一个元素,注意!!这个元素必须有宽高,不然echarts是显示不出来的!!!!
这里用Vue的ref,比较方便获取元素