Vue 组件的通信

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

1:父子组件之间的通信

2:兄弟组件之间的通信

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

4:任意组件之间的通信

a)父子通信

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

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

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

b)兄弟组件

①通过props和$emit

②链式this.$parent.$children

c)兄弟组件

①provide/inject

d)任意组件

使用状态机Vuex

posted @ 2020-04-01 16:44  洋葱头king  阅读(139)  评论(0)    收藏  举报