首页 > 其他 > 详细

组件通信

时间:2021-08-30 03:41:03      阅读:3      评论:0      收藏:0      [点我收藏+]

 

 vue组件件数据参数传递

 

父子之间传递

使用props由父级传递给子组件

使用$emit由子级触发父级的回调函数,并传递参数

子孙组件传递

1,简单粗暴使用父子传递套娃,这种粗暴的方式会导致中间的组件多出许多无用的属性以及回调函数

2,使用$attrs与$listeners

    祖 -> 孙   

    在祖组件传递的数据中,中间组件没有使用props注册接收,中间组件可以使用$attrs接收到所有未注册的数据,然后可以使用v-bind=“$attrs”将祖组件的数据传给孙组件

   

    孙 -> 祖

    中间组件可以使用$listener来接收所有来自孙组件的所有回调函数,然后使用v-on=‘$listeners’来获取所有监听函数

 

 

没有嫡系关系的组件的数据传递

使用一个两个组件都调用的组件作为事件中心,这个叫EventBus

但现在较多的用vuex

组件通信

原文:https://www.cnblogs.com/zsckl/p/15200457.html

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