HarmonyOS4+NEXT星河版入门与项目实战(19)------状态管理 @Prop@Link@Provide@Consume
文章目录
- 1、@Prop@Link@Provide@Consume装饰器图解
- 2、案例演示
-
- 1、模块划分
- 2、模块封装
-
- 1、任务统计模块
- 2、列表管理模块
- 3、主界面
- 4、完整代码
- 3、父组件是对象@Prop可以是对象属性
-
- 1、案例改造
- 2、完整代码
- 4、@Provide@Consume案例
-
- 1、案例改造
- 2、完整代码
- 3、总结
1、@Prop@Link@Provide@Consume装饰器图解
这里我们用一张完整的图来汇整@Prop@Link 的作用,如下所示:
这里我们还需要注意的时传递数据的限制。整理如下图:
注意
@Link 传参是地址引用,所以参数前面用 $修饰,不是 this 修饰。
@Provide@Consume 成对使用,@Provide负组件使用,@Consume子组件使用,不需要显示传参。
技巧总结
- 什么时候用@prop : 子组件对父组件传递的数据无更改时
- 什么时候用@Link : 子组件对父组件传递的数据有更改时