vue组件的8中传值方式

今天我介绍一下vue的8种传值方式：

image.png

这里我们只介绍：

• parent
• provide/inject
• EventBus
• listeners

children/parent

注意：vue3以后没有$children了

1. 组件

2. 父类

provide/inject

1.组件

2.父类

注意: provide 可以透传多个层级，实现儿子与祖父的传值调用

EventBus(可用于一对多传值)

• 创建EventsBus单例

// event-bus.js
import Vue from 'vue'
export const EventBus = new Vue()

• 子组件/孙子组件/兄弟组件 来接收通知

• 发送通知