Echaer图表 组件传值,页面刷新数据丢失

记录一次Echart 图表封装之后,父子组件之间的传值,页面刷新后数据丢失的问题,
(如遇到该问题,首先确保组件之间传值没有问题,我在该问题上花了很多的时间)
原因:
页面刚保存是有显示，然而刷新页面后图表消失了。这是因为echarts渲染的问题，我的理解是传 数据在图表渲染之前，所以等图表渲染好数据就没有了。

解决:
在子组件中 v-if='pieflag'

  		<Pie
       	  v-if="pieflag"
          id="piechart"
          style="width: 400px; height: 300px"
          :pieData="pieData"
        ></Pie>

data 中定义变量 pieflag=false

得到接口数据后让pieflag=true

this.pieflag = true