vue-cli项目中整合highcharts饼图（pie）遇到的问题

首先，我在vue-cli项目的components文件下创建了一个命名为pie.vue 模板子组件，代码如下：

再在同文件下创建父组件，命名为fuck.vue,代码如下：

代码写完保存，高高兴兴的npm run dev，哦豁，发现页面空空如也！！！！

怎么了？，用debugger；调试，然后发现子模板组件居然在数据渲染之前已经挂载完毕了，也就是还没赋值就已经把图画好了，so，就画了一张漂亮的白图。

于是乎，我在pie.vue子组件中加上了延迟500毫秒加载数据。可能是因为setTimeout是异步的缘故，成功的在数据传入子组件后再执行绘画填充。

mounted () {

    setTimeout(() => {

        console.info('饼图模板');
        HighCharts.chart(this.id, this.option);
      }, 500);
  }

很完美，成功显示出来了！！虽然是个笨办法，显然解决了问题。（各位大佬有更好的方法记得告诉我）