父子传值中watch的应用

场景：使用封装后的echarts图表（子组件），父组件传值到子组件，子组件显示的只是初始值。

父组件：

<pie-chart :chartData="reultData" /> // 父组件中的子组件

reultData: {
        title: '巡检结果统计',
        data: [],
        legendData: [],
      }, // 数据 初始数据，也就是第一次传过去的数据
// 当在父组件methods中重新获取数据并赋值后，子组件显示还是初始数据，
// 所以要在子组件中进行watch监听

子组件：

// 使用watch监听
watch: {
    chartData: {
      deep: true,
      handler(val) {
        this.initChart()
      },
    },
  },