实现echarts图标动态更新所遇到的问题与解决方法

1、Vue组件的prop数据：

prop值更新的问题，通过prop把父组件的值传递给子组件，是单向流动的。随着父组件值的更新，子组件的值也会动态更新。

 

2、mounted生命周期和数据初始化

       由于数据更新问题，因为运行没有按照想象中的进行。所以，我首先怀疑是数据部分问题。

在实现图表，由于可以动态变化，通过el-switch来变化datas的值。在进行data

红框部分的初始化时，我刚开始直接写this.datas=this.week。结果通过打印发现，在初始化过程中，并没有将datas进行初始化。所以，观察Vue的生命周期后，发现原来赋值和注入操作在mounted之前。

因此，我对datas进行具体值的赋予。

 

3、实现echarts的动态更新

我的实现方式是，通过watch来监控传递的datas值的变化，若datas发生变化，则重新对图表进行设置。

即重新执行该方法。