vue父子组件通信

vue父子组件通信,第1张

一、父传子

在父组件中,用 v-bind 动态绑定一个自定义属性,用于给子组件传递数据

父组件:


 

在子组件中,使用 props 接收父组件传过来的数据。


 
 二、子传父

子组件通过事件的方式,利用 $emit 给父组件传值。

注意:$emit 的第一个参数是父组件自定义事件的方法名,后边的 “value” 是子组件要给父组件传递的数据 


 

 在父组件中,绑定一个自定义事件,用来接收子组件传来的值;


 

 

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/langs/725086.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-26
下一篇 2022-04-26

发表评论

登录后才能评论

评论列表(0条)

保存