码迷,mamicode.com
首页 > 其他好文 > 详细

vue的props和$emit

时间:2018-02-08 11:11:26      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:type   inf   .com   ret   com   显示   http   src   分享   

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

标签:type   inf   .com   ret   com   显示   http   src   分享   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!