vue 同一页面多次引用封装好的echarts组件

在我们在封装了echarts组件之后，需要在同一个页面中引入多次时，会出现数据覆盖，id不能复用等问题

解决方法：
首先把id删掉，添加ref属性

<div class="bar" ref="bar"></div>

然后修改js：

初始版本：

this.barCharts = echarts.init(document.getElementById("bar"));

修改后：

this.barCharts  = echarts.init(this.$refs.bar);

解决！