一、发现问题

在我们团队自己开发的微信小程序中，引入了Echarts图表库

然后突然有一天，后端队友反应图表渲染有问题。后面我去试了一下，确实20次里面必有一次数据渲染不出来

 

断定代码没问题，于是我们将其鉴定为玄学

 

二、问题原因

后面我冷静下来有仔细分析了下代码，找到了图表渲染问题的原因

虽然我开发用的是Vue项目，Vue的数据是响应式的，但是Echarts图表的底层是JS实现的，图表的数据并不是响应式的

所以有时候后端数据还没返回，图表就已经渲染好了，那时候数据还是空

三、解决问题

要用watch来监听数据变化，等数据从空变为有值的时候再渲染图表

于是我写了如下代码

对了，别忘记import {  watch  } from "vue" ，我一开始忘了加，导致代码报错了