vue 防餓了么教程 頭部圖片不顯示

header.vue

<template>
    <div class="header">
        <div class="content-wrapper">
            <div class="avatar">
                <img width="64" height="64"  v-bind:src="seller.avatar"/>
            </div>
        </div>
        <div class="bulletin-wrapper"></div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        props:{
            seller:{
                type:Object
            }
        }
    };
</script>`

app.vue

<template>
  <div>
    <v-header :seller="seller"></v-header>    
  </div>
</template>

<script type="text/ecmascript-6">
  import header from './components/header/header.vue';
  export default {
      data(){
        return{
          seller:{}
        };
      },
      created(){
        // 生命周期
        this.$http.get('/api/seller').then(response => {
            this.seller=response.body;
            //console.log(this.seller);
        });
      },
      components: {
        'v-header':header
      }
  };
</script>

請求都是對的 寫入 <v-header :seller="seller"></v-header> 啟動報錯

TypeError: vm is undefined

請問咋回事