vue2.x ajax获取json并传值进子组件会出现一段数据为空的时间段 并报警告 如何解决

Question

App.vue

<script>

  import topHeader from '@/components/header'

  import midNav from '@/components/nav'

  export default {

    data(){

      return {

        seller: {}

        }

    },

    name: 'app',

    components: {

      midNav,

      topHeader

    },

    created(){

      this.$http.get('/api/seller').then(response => {

        response = response.body

        if(response.errno === 0){

          this.seller = response;

        }

      })

    }

  }

</script>

header.vue

<script>

    export default {

        props: {

            seller:{

                type: Object

            }}

        }

</script>

App.vue因为ajax异步原因会传值为空 导致警告 

如果在App.vue中data中初始化json完整结构 不会报错

但是json结构复杂的话该怎么解决？？？

请大家多多指教 非常感谢