首页 > 其他 > 详细

Vue 组件的通信

时间:2020-04-01 17:02:26      阅读:55      评论:0      收藏:0      [点我收藏+]

组件通信一般分为以下几种情况:

1:父子组件之间的通信

2:兄弟组件之间的通信

3:跨多层级组件之间的通信

4:任意组件之间的通信

a)父子通信

①父组件先绑定数据接口名,子组件再通过props,通过接口名拿到父组件数据;子组件绑定数据,通过emit触发当前实例上的事件,并将参数传回父组件。

②通过$parent和$children,来访问组件实例中的方法和属性

③子组件可以通过$listeners来访问父组件中通过v-on绑定的事件监听器

b)兄弟组件

①通过props和$emit

②链式this.$parent.$children

c)兄弟组件

①provide/inject

d)任意组件

使用状态机Vuex

Vue 组件的通信

原文:https://www.cnblogs.com/yt0817/p/12613645.html

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