关于vue.js: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);

解决！