一、作用场景
顶层组件向任意的底层组件传递数据和方法,实现跨层组件通信
image.png
image.png
二、跨层传递普通数据
- 顶层组件通过provide函数提供数据
- 底层组件通过inject函数获取数据
image.png
三、跨层传递响应式数据
在调用provide函数时,第二个参数设置为
ref
对象
image.png
四、跨层传递方法
顶层组件可以向底层组件传递方法,底层组件调用方法修改顶层组件中的数据
image.png
image.png
五、回归一开始的需求
image.png