2022-09-16Vue00
请注意,本文编写于 534 天前,最后修改于 534 天前,其中某些信息可能已经过时。

vue中组件之间的通信方式?

题目分析:vue是组件化开发框架,所以对于vue应用来说组件间的数据通信非常重要。此题主要考查大家vue基本功,对于vue基础api运用熟练度。另外一些边界知识如provide/inject/attrs/attrs/listeners则体现了面试者的知识面。

思路分析:总分

  1. 总述知道的所有方式
  2. 按组件关系阐述使用场景

回答范例:

  1. 组件通信方式大体有以下8种:
  • props
  • emit/emit/on
  • children/children/parent
  • attrs/attrs/listeners
  • ref
  • $root
  • eventbus
  • vuex
  1. 根据组件之间关系讨论组件通信最为清晰有效
  • 父子组件

    • props
    • $emit/$on
    • $parent / $children
    • ref
    • $attrs / $listeners
  • 兄弟组件

    • $parent

    • eventbus

    • vuex

  • 跨层级关系

    • provide/inject
    • $root
    • eventbus
    • vuex

本文作者:毛超颖

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!