当前位置 博文首页 > IT13333的博客:vue父子组件传值 记住快
##父组件给子组件传值
父组件中:< div sendtoson=“10” >
子组件中:props:{
sendtoson:{
type:[Number,String,Object]/String
default:10
}
}
##子组件给父组件传值
#父组件中 :< soncomponentname @fromsoneventtype=“fathercomponentfunction()”/ >
#父组件中:methods:{
fathercomponentfunction(valuefromson){
console.log(valuefromson)
}
}
#子组件中:< button @click=" sendvaluefunctionname()">发送消息 < /button >
#子组件中:methods:{
sendvaluefunctionname(){
this.$emit(“fromsoneventtype,valuefromson”)
}
}
###下面更清楚的标记每一个对应的值