HarmonyOS | 状态管理(四) | @Provide和@Consume装饰器

系列文章目录

1.HarmonyOS | 状态管理(一) | @State装饰器
2.HarmonyOS | 状态管理(二) | @Prop装饰器
3.HarmonyOS | 状态管理(三) | @Link装饰器

---

---

前言

以上三篇讲解了父子组件之间通过命名参数机制传递 @State/@Prop，@State/@Link,
现在我们讲解 @Provide和@Consume装饰器:摆脱参数传递机制的束缚，实现跨层级传递

---

一、@Provide装饰器是什么？

@Provide装饰的变量是在祖先节点中，可以理解为被“提供”给后代的状态变量

二、@Consume装饰器是什么？

@Consume装饰的变量是在后代组件中，去“消费（绑定）”祖先节点提供的变量。

三、特性

• @Provide装饰的状态变量自动对其所有后代组件可用，即该变量被“provide”给他的后代组件。由此可见，@Provide的方便之处在于，开发者不需要多次在组件之间传递变量。

• 后代通过使用@Consume去获取@Provide提供的变量，建立在@Provide和@Consume之间的双向数据同步，与@State/@Link不同的是，前者可以在多层级的父子组件之间传递。

• @Provide和@Consume可以通过相同的变量名或者相同的变量别名绑定，变量类型必须相同。

// 通过相同的变量名绑定
@Provide a: number = 0;
@Consume a: number;

// 通过相同的变量别名绑定
@Provide('a') b: number = 0;
@Consume(