Vue.js：父子、兄弟、隔代组件之间通信

• 父子通信：

  • props / $emit
  • $emit / $on
  • vuex
  • $attrs / $listeners
  • provide/inject
  • $parent / $children＆$refs

• 兄弟通信：

  • $emit / $on
  • vuex

• 隔代（跨级）通信：

  • $emit / $on
  • vuex
  • provide / inject
  • $attrs / $listeners

参考文章

• Vue 组件数据通信方案总结
• Vue组件通信方式及其应用场景总结