跳到主要内容

简述Vue组件通讯有哪些方式 ?

参考答案:

Vue组件通讯有以下几种方式:

  1. props / $emit:父组件通过props向子组件传递数据,子组件通过$emit向父组件发送消息。这是一种常见的父子组件通信方式,适用于明确的父子关系。
  2. Vue事件总线(Event Bus):对于没有直接父子关系的兄弟组件,可以使用Vue的事件总线来实现通信。事件总线是一个全局的Vue实例,任何组件都可以将其作为事件触发器或事件监听器。
  3. provide / inject:当两个组件之间存在多层嵌套关系时,可以使用provide和inject来实现跨层级的组件通信。provide可以在当前组件的上下文中注入一个值,这个值可以在其所有子孙组件中通过inject访问。

除了以上三种方式,还有Vuex等其他方式可以实现Vue组件间的通信。请注意,选择哪种方式取决于具体的应用场景和需求。