vue 防饿了么教程 头部图片不显示

Question

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

请问咋回事

Answer 1

可以仔细查看一下文档，我记得每个组件必须包含data()还是什么来着才能用

Answer 2

哥们，我不知道你这么写行不行，我发一下我写的mint-ui头部