解决Vue封装echarts组件多次调用出现id重复问题

问题描述：

封装的echarts组件多次被调用，id重复，导致页面不渲染、数据覆盖等一系列问题

解决方法：

1、把id改成动态传参（这里就不作代码展示了）

2、把id换成ref

//修改前 
<div id="vcharts" style="width: 100%; height: 500px"></div>
//修改后
<div ref="vcharts" style="width: 100%; height: 500px"></div>



//修改前
let myChart = this.$echarts.init(document.getElementById("vcharts"));
//修改后
let myChart = this.$echarts.init(this.$refs.vcharts);