---------------------------------------------------------------------------------父传子
父页面
<Child :title="msg"/>
data(){
return{
msg:"这里有蛋糕,你要吗?"
}}
子页面
接收父页面传来内容:{{title}}
props:{
title:{
type:String,
default:""
}
}
----------------------------------------------------------------------------------------子传父
子页面
<button @click="sendMsg">响应数据</button>
data(){
return{
info:"谢谢,那我不客气了"
}
},
methods:{
sendMsg(){
this.$emit("info",this.info)
}
}
-----------------
父页面
{{info}}
<Child :title="msg" @info="handlerMsg"/>
data(){
return{
msg:"这里有蛋糕,你要吗?",
info:""
}
},
methods:{
handlerMsg(data){
alert("父页面:"+data);
this.info = data;
}
}