本文探讨了在Vue项目中使用Echarts图表时遇到的动态更新问题。详细介绍了Vue组件prop数据的单向流动特性，强调了在mounted生命周期中正确初始化数据的重要性。通过设置watch监听props值的变化，实现Echarts图表的动态更新，确保当外部数据源变化时，图表能够正确响应并刷新。
1、Vue组件的prop数据：
prop值更新的问题，通过prop把父组件的值传递给子组件，是单向流动的。随着父组件值的更新，子组件的值也会动态更新。
2、mounted生命周期和数据初始化
由于数据更新问题，因为运行没有按照想象中的进行。所以，我首先怀疑是数据部分问题。
在实现图表，由于可以动态变化，通过el-switch来变化datas的值。在进行data 
红框部分的初始化时，我刚开始直接写this.datas=this.week。结果通过打印发现，在初始化过程中，并没有将datas进行初始化。所以，观察Vue的生命周期后，发现原来赋值和注入操作在mounted之前。
因此，我对datas进行具体值的赋予。
3、实现echarts的动态更新
最低0.47元/天 解锁文章
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
