组件之间是怎么通信的

2021-02-02  本文已影响0人  泪滴在琴上

父子组件通信

父组件 -> 子组件:prop

子组件 -> 父组件:on/emit

获取组件实例:使用parent/children,$refs.xxx,获取到实例后直接获取属性数据或调用组件方法

兄弟组件通信

Event Bus:每一个Vue实例都是一个Event Bus,都支持on/emit,可以为兄弟组件的实例之间new一个Vue实例,作为Event Bus进行通信。

Vuex:将状态和方法提取到Vuex,完成共享

跨级组件通信

使用provide/inject

Event Bus:同兄弟组件Event Bus通信

Vuex:将状态和方法提取到Vuex,完成共享

上一篇 下一篇

猜你喜欢

热点阅读