Skip to content

组件通信方式有哪些?


思路:

按组件关系去阐述具体有哪些方式和使用场景

回答:

  • 父子组件
    • props/$emit/$parent/ref/$attrs
  • 兄弟组件
    • $parent/$root/eventbus/vuex
  • 跨层级关系
    • eventbus/vuex/provide+inject
  • 注意
    • $children获取到的是所有子组件实例的数组,且是无序,需要进行判断筛选。
    • Vue3移除了$children$listeners