组合式API - provide和inject

0 阅读1分钟

1. 作用和场景

顶层组件向任意的底层组件传递数据和方法,实现跨层组件通信

image.png

跨层传递普通数据

实现步骤

  1. 顶层组件通过 provide 函数提供数据
  2. 底层组件通过 inject 函数提供数据

image.png

3. 跨层传递响应式数据

在调用provide函数时,第二个参数设置为ref对象

image.png

4. 跨层传递方法

顶层组件可以向底层组件传递方法,底层组件调用方法修改顶层组件的数据

image.png