Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何在vuejs的子组件中将值从prarent传递到方括号_Vue.js_Vue Component - Fatal编程技术网

Vue.js 如何在vuejs的子组件中将值从prarent传递到方括号

Vue.js 如何在vuejs的子组件中将值从prarent传递到方括号,vue.js,vue-component,Vue.js,Vue Component,目前,我正在尝试从父组件获取值,然后将其传递给子组件。既然我是Vue新手,那么最好的方法是什么呢。父组件的值应该可以在子组件的方括号内访问 //父组件 导出默认值{ 数据(){ 返回{ formData:数据, 随机数:Math.floor((Math.random()*3)+1) } }, 组成部分:{ VueForm }, 方法:{ numberUpdate(新编号){ console.log(newNumber); }, 完成(数据){ //发送到此处的数据库// log(data.ma

目前,我正在尝试从父组件获取值,然后将其传递给子组件。既然我是Vue新手,那么最好的方法是什么呢。父组件的值应该可以在子组件的方括号内访问

//父组件
导出默认值{
数据(){
返回{
formData:数据,
随机数:Math.floor((Math.random()*3)+1)
}
},
组成部分:{
VueForm
},
方法:{
numberUpdate(新编号){
console.log(newNumber);
},
完成(数据){
//发送到此处的数据库//
log(data.map(d=>d.question[randomNumber]+':'+d.answer));
setItem('questions',data.map(d=>d.question[randomNumber]+':'+d.answer));
}
}
};
//子组件
{{question.question[想在这里传递数据道具]}
导出默认值{
数据(){
返回{
storedNumber:this.randomNumber(),
}
}, 
道具:{
号码:号码,,
问题:反对,,
节目编号:{
类型:布尔型,
默认值:true
}
},
计算:{
shouldShowNumber(){
返回this.showNumber&&this.number;
}
}
};

最好的方法是在子元素中使用
props
,因为这是它的用途,您已经使用过了。是的,但是我应该如何将它应用到我的案例中,因为在阅读文档后,我仍然不知道如何做(这是我第一次在vue中使用props)数据必须在此处传递
//在此处发送到数据库//
?我如何将其传递到'question.question[希望在此处传递数据道具]'如果子组件一次只能显示一个数据,我建议将要可视化的数据作为
道具
直接传递给它,而不是
问题:对象
,这意味着在父模板中有如下内容:
;在子对象中:
{{question}