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

Vue面试题 5月前 0 134

Vue组件间的通信主要有以下几种方式：

父子组件通信：
- Props down / Events up：父组件通过 props 向子组件传递数据，子组件通过 emit 发送事件来通知父组件数据的变更。
- 使用 $refs：父组件可以通过 $refs 获取子组件的实例，从而访问其数据和方法。
- .sync 修饰符：Vue 2.3.0 版本引入了 .sync 修饰符，可以作为一种双向绑定的语法糖，方便父子组件间的数据同步。
非父子组件通信：
- 事件总线（Event Bus）：创建一个新的 Vue 实例作为事件总线，在需要通信的组件之间触发和监听事件。
- Vuex：Vue 的官方状态管理工具，能够帮助我们管理共享状态，非常适合大型应用。
- Vue Router：如果使用了 Vue Router，可以通过路由参数进行通信。
跨级组件通信：
- $parent / $children：访问父/子组件实例。
- provide/inject：Vue 提供的依赖注入机制，能够实现祖先组件向后代组件注入数据或方法。

以上就是Vue中常见的组件间通信方式，选择哪种方式取决于具体的应用场景和需求。