vue父组件多次调用同一个echarts组件，只渲染一个echarts组件的问题

问题：父组件多次调用同一个echarts组件，这样就会产生id同样的问题，导致只能渲染一个echarts组件。

解决方案：

之前的echarts初始化

<div id="echarts" />
echarts.init(document.getElementById('echarts'))

改成

<div ref="echarts" />
echarts.init(this.$refs.echarts)

将id获取元素 换成 ref获取元素。

ref是用来给元素和组件引用注册信息的。$ref如果注册在元素上，他指向的就是DOM元素，如果注册在组件上，他指向的就是组件的实例。