Vue中组件之间的通信方式？

vue是组件化开发框架，所以对于Vue应用来说组件间的数据通信非常重要。

通信方式总结：

• props
• $emit/$on
• $children/$parent
• $attrs/$listeners
• ref
• $root
• eventbus
• vuex

根据组件之间的关系来讨论组件通信

• 父子组件之间通信

  • props
  • $emit/$on
  • $parent / $children
  • ref
  • $attrs /$listeners

• 兄弟组件

  • $parent
  • $root
  • $eventbus
  • vuex

• 跨层级关系

  • eventbus
  • vuex
  • provide/inject