Vue.js 如果数据属性在VueJs中从父组件传递到子组件，则无法将其作为对象进行操作

我试图从父组件访问传递给子组件的对象数据属性，但vue引发异常，无法访问它们。 这是我的父组件

<app-full-name v-model="fullname"></app-full-name>
<script>
export default {
        components:{
            appFullName: FullName
        },
        data() {
            return {
                fullname: {
                  f:'Bassem',
                  l: 'Samir'
                },

            }
        }
    }
</script>

<script>
export default {
    props:['value'],
    methods: {
        changeName(isFirst, event){
            let name = "";
            if(isFirst){
                name = this.value.f+" ";
            }
            else{
                name = this.value.l+" "+this.value.l;
            }
        },  
    },
}
</script>

导出默认值{
组成部分：{
appFullName:FullName
},
数据（）{
返回{
全名：{
f:“巴塞姆”，
l:‘萨米尔’
},
}
}
}

子组件中的

<app-full-name v-model="fullname"></app-full-name>
<script>
export default {
        components:{
            appFullName: FullName
        },
        data() {
            return {
                fullname: {
                  f:'Bassem',
                  l: 'Samir'
                },

            }
        }
    }
</script>

<script>
export default {
    props:['value'],
    methods: {
        changeName(isFirst, event){
            let name = "";
            if(isFirst){
                name = this.value.f+" ";
            }
            else{
                name = this.value.l+" "+this.value.l;
            }
        },  
    },
}
</script>

导出默认值{
道具：['value']，
方法：{
更改名称（isFirst，事件）{
让name=“”；
如果（isFirst）{
name=this.value.f+“”；
}
否则{
name=this.value.l+“”+this.value.l；
}
},  
},
}

Vuejs引发一个错误，即f属性在子组件中未定义。

---

如何修复此问题？

您将获得一个未定义的

，因为您正在访问一个未定义的属性“值”。如果要在父级->子级之间共享数据，应使用：

//Parent file
<app-full-name your-data="fullname"></app-full-name>

//Child file (app-full-name)
...
props:['yourData']

你可以读更多关于它的内容

---

希望有帮助

您将获得一个未定义的

，因为您正在访问一个未定义的属性“值”。如果要在父级->子级之间共享数据，应使用：

//Parent file
<app-full-name your-data="fullname"></app-full-name>

//Child file (app-full-name)
...
props:['yourData']

你可以读更多关于它的内容

---

希望有帮助

什么是

值

？你的

应用程序全名
组件是什么样子的？当你得到一个props值并传递一个模型时，数据应该到达value属性，我建议你最好组织这个props语句。例如：props:{value:{type:Object，默认值：（）=>{}}}如果这不起作用，我会更改属性名，并尝试通过传递基于直接props的信息来馈送。例如：child:props:{myValue:{type:Object，默认值：（）=>{}}，父亲：什么是
value
？你的
应用程序全名
组件是什么样子的？当你得到一个props值并传递一个模型时，数据应该到达value属性，我建议你最好组织这个props语句。例如：props:{value:{type:Object，默认值：（）=>{}}}如果这不起作用，我会更改属性名，并尝试通过传递基于直接props的信息来馈送。例如：子：props:{myValue:{type:Object，默认值：（）=>{}}，父：