首页 > 其他 > 详细

vue的props和$emit

时间:2018-02-08 10:55:08      阅读:236      评论:0      收藏:0      [点我收藏+]

props

父级:

父级组件中引用子组件,并将自己data下面的giveChild数据绑定在  giveChildData  传给子

 <myChild :giveChildData="giveChild">{{isMe}}</myChild>

data(){
return{
giveChild:‘222‘
}
},
components:{
  myChild
}
 

 

子级:

通过props接收父级传来的数据

props:{
      giveChildData:{
         type:String
      }
}

子组件将接收到的数据显示在自身模板中

<div>{{giveChildData}}</div>

效果:

技术分享图片

 

$emit

 

vue的props和$emit

原文:https://www.cnblogs.com/1rookie/p/8430439.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!