vue 父子组件通信（props） ：子组件获取父组件页面初始化时接口返回的值

父组件代码：

<!-- 新增冲销 -->
      <addConsume :form="form"  @showConsume="getValue" /> // form是父组件要传给子组件的对象 

 子组件代码：

  props: { //接收父组件传来的值 type依据传递的值的类型
    form: {
      type: Object,
      default: () => {}
    }
  },

//在watch中获取数据
  watch: {
    form: { // 取接口返回值form
      handler(val) {
        if (val) {
          for (const i in val) {
            this.addForm[i] = val[i]  //赋值给子组件定义的值
          }
        }
      },
      immediate: true,
      deep: true //因为是传的对象，属于复杂的数据结构 所以用深层监听 deep 
    }
  },