vue3echarts子组件接收不到父组件的传值

当父组件异步获取数据时，子组件接收数据会晚于渲染，导致子组件无法接收到父组件传递的值。这是因为在子组件开始渲染时，父组件的异步请求还没有完成，所以子组件接收到的数据是空的。解决这个问题的办法是在子组件接收到父组件传递的数据后再开始渲染。

在Vue 3中，你可以使用`watch`来监听父组件传递的值，并在值发生变化时触发渲染。你可以在子组件中添加一个`watch`属性，来监听父组件的传值。当父组件的值发生变化时，子组件会自动更新并渲染。

示例代码如下：

export default {
  props: ['value'],
  watch: {
    value: {
      immediate: true,
      handler(newVal) {
        // 子组件接收到父组件传递的值后开始渲染
        this.optionValue.series = newVal.series;
        this.optionValue.xAxis = newVal.xAxis;
      }
    }
  }
}

通过使用`watch`来监听父组件传递的值，你可以确保子组件在接收到数据后再开始渲染，解决子组件接收不到父组件传值的问题。