props
父级:
父级组件中引用子组件,并将自己data下面的giveChild数据绑定在 giveChildData 传给子
<myChild :giveChildData="giveChild">{{isMe}}</myChild>
data(){
return{
giveChild:‘222‘
}
},
components:{
myChild
}
子级:
通过props接收父级传来的数据
props:{
giveChildData:{
type:String
}
}
子组件将接收到的数据显示在自身模板中
<div>{{giveChildData}}</div>
效果:
$emit