vue父子组件通过属性传递数据出问题

Question

写了一个app组件里面包含一个v-header组件

通过如下形势，把seller传到v-header中

在v-header组件中 通过如下形式接收

但是一直报错

不知道是不是格式上出了什么问题

Answer 1

父组件中的seller是空的.
是否已经在父组件的data中定义了seller

Answer 2

在app组件里面没有定义seller

export default {
    data: function() {
        return {
            seller: {
                avatar: ''
            }
        };
    }
}

并且初始化seller的时候，最好把seller的key值都写上去了

Answer 3

prop 和 data 的区别你最好看下，报错信息写的很清楚，没有定义seller

Answer 4

在组件绑定对象的时候，使用v-if="object!=null",就不报错了。