vue里面想通过prop传值给子组件，本身父组件绑定的值有默认值，希望能在axios后台返回数据之后，在本身的数据上extend 更多的对象再传到子组件，这个问题怎么解决呢？

<template>
  <a-component  :opt="opt" ></a-component>
</template>
<script>
  export default{
    data(){
      return {
        opt:{
          a:1,
          b:2
        }
      }
    },
    methods:{
        getList(){
            axios.get('').then(function (res) {
          _.extend(_this.opt,{
              c:3,d:4
          })
        })
        //打debugger看到是先进入子组件created方法接收为opt默认值，才到这里走接口扩展opt对象
        }
    }
  }
</script>