vue封装echarts数据更新页面数据不渲染问题

## 解决方案,在子组件监听option

export default {
		name: 'CommonEcharts',
		props: ['option'],
		data() {
			return {

			}
		},
		watch: {
			option: {
				handler(newval, oldval) {
					let chartDom = document.getElementById('main');
					let myChart = echarts.init(chartDom);
					this.option && myChart.setOption(this.option);
				},
				deep: true
			}
		},
		mounted() {}
	}

如果在mounted中加载echart,在加载一次之后,父组件传过的数据变化,也不会再次引起渲染.所以我在监听数据变化的时候,重置echart渲染.如有不妥之处,还望多多指教.