vue3常用的组件间通信方式有哪些
时间: 2023-09-18 11:14:24 浏览: 190
vue组件间通信六种方式(总结篇)
Vue3 常用的组件间通信方式有以下几种:
1. props 和 emit:父组件通过 props 向子组件传递数据,子组件通过 emit 触发事件通知父组件。这是最常用的一种方式。
2. provide 和 inject:父组件通过 provide 向子孙组件注入数据,子孙组件通过 inject 获取数据。这种方式可以实现跨层级的组件通信。
3. $attrs 和 $listeners:$attrs 包含了父组件传递给子组件但子组件没有显式声明的 props,$listeners 包含了父组件在子组件上注册的事件监听器,这两个属性可以在子组件内部传递给其他子组件。
4. Vuex:Vuex 是一个专门为 Vue.js 应用程序开发的状态管理库,可以实现多个组件之间共享状态和数据。
5. EventBus:EventBus 是一个事件总线,可以在任何组件中触发和监听自定义事件,实现组件之间的通信。
6. ref 和 reactive:ref 和 reactive 是 Vue3 中响应式数据的实现方式,可以通过 ref 和 reactive 创建响应式数据,并在组件中直接使用。这种方式可以实现组件内部的通信。
阅读全文