Vue2.x组件通信有哪些方式?

父子组件通信

父->子props,子->父 $on、$emit

获取父子组件实例 $parent、$children

Ref 获取实例的方式调用组件的属性或者方法

Provide、inject 官方不推荐使用,但是写组件库时很常用

兄弟组件通信

Event Bus` 实现跨组件通信 `Vue.prototype.$bus = new Vue
Vuex

跨级组件通信

Vuex
$attrs、$listeners
Provide、inject
posted @ 2022-07-12 16:18  槑孒  阅读(30)  评论(0编辑  收藏  举报