vue组件间通信

https://segmentfault.com/a/1190000019208626?utm_source=tag-newest

1.方法一 props/emit （父组件向子组件传值） 父组件A通过props的方式向子组件B传递，B to A 通过在B组件中的emit（父组件向子组件传值）父组件A通过props的方式向子组件B传递，BtoA通过在B组件中的emit,A组件中的v-on方式实现
（子组件向父组件传值）
通过事件形式 子组件通过event给父组件发送消息，实际上就是子组件把自己的数据发送到父组件

2.方法二 emit/emit/on
这种方法通过一个空的Vue实例作为中央事件总线（事件中心），用它来触发事件和监听事件，巧妙而轻量地实现了任何组件间的通信，包括 父子/兄弟/跨级

3.方法三 vuex

4.方法四 attrs/attrs/listeners

5.方法五 provide/inject

6.方法六 parent/parent/children 与 ref

总结：
常见使用场景：
·父子通信：
父向子传递数据是通过props，子向父是通过events（emit);通过父链/子链也可以通信（emit);通过父链/子链也可以通信（parent/children);ref也可以访问组件实例；provide/inject API;children);ref也可以访问组件实例；provide/injectAPI;attrs/listeners
·兄弟通信：
Vuex
·跨级通信：
Vuex；provide/inject API;attrs/attrs/listeners;