组合式API- provide和inject（Vue3学习11）
2023-11-23 本文已影响0人
扶得一人醉如苏沐晨
一、作用场景
顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信
image.png
image.png
二、跨层传递普通数据
- 顶层组件通过provide函数提供数据
- 底层组件通过inject函数获取数据
image.png
三、跨层传递响应式数据
在调用provide函数时，第二个参数设置为
ref对象
image.png
四、跨层传递方法
顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件中的数据
image.png
image.png
五、回归一开始的需求
image.png
