vue的生命周期中创建echarts失效

2022-11-24 21:47:52

1. 在beforeCreate、created、beforeMount三个钩子中，创建echarts实例会失效。

2. 失效原因猜测：由于beforeCreate、created、beforeMount这三个周期是在挂载结束之前的生命周期中。通过debugger逐步运行，可以看出，在这三个周期中，echarts的实例是被创建了的，但是没有数据。在echarts创建之后，vue的相关代码继续运行，到vue实例，被挂载后，页面刷新一次，echarts的实例被覆盖。