HarmonyOS4+NEXT星河版入门与项目实战(19)------状态管理 @Prop@Link@Provide@Consume

server/2024/11/26 2:03:22/

文章目录

  • 1、@Prop@Link@Provide@Consume装饰器图解
  • 2、案例演示
    • 1、模块划分
    • 2、模块封装
      • 1、任务统计模块
      • 2、列表管理模块
      • 3、主界面
      • 4、完整代码
    • 3、父组件是对象@Prop可以是对象属性
      • 1、案例改造
      • 2、完整代码
    • 4、@Provide@Consume案例
      • 1、案例改造
      • 2、完整代码
  • 3、总结


PropLinkProvideConsume_5">1、@Prop@Link@Provide@Consume装饰器图解

这里我们用一张完整的图来汇整@Prop@Link 的作用,如下所示:

在这里插入图片描述
这里我们还需要注意的时传递数据的限制。整理如下图:
在这里插入图片描述
注意
@Link 传参是地址引用,所以参数前面用 $修饰,不是 this 修饰。
@Provide@Consume 成对使用,@Provide负组件使用,@Consume子组件使用,不需要显示传参。

技巧总结

  • 什么时候用@prop : 子组件对父组件传递的数据无更改时
  • 什么时候用@Link : 子组件对父组件传递的数据有更改时

2、案例演示


http://www.ppmy.cn/server/144952.html

相关文章

双因子认证:统一运维平台安全管理策略

01双因子认证概述 双因子认证(Two-Factor Authentication,简称2FA)是一种身份验证机制,它要求用户提供两种不同类型的证据来证明自己的身份。这通常包括用户所知道的(如密码)、用户所拥有的(如…

LeetCode 第 425 场周赛 个人题解

Q1. 最小正和子数组 原题链接 Q1. 最小正和子数组 思路分析 签到题,暴力就行 时间复杂度:O(N^2) AC代码 class Solution:def minimumSumSubarray(self, nums: List[int], l: int, r: int) -> int:n len(nums)res -1acc list(accumulate(num…

logstash 解析数组格式json数据:split, json

1,需求说明 原始数据格式: 1条 (2*2)》4个指标数据 [{"app":"aa","url":"www.1.com","metrics":[{"name":"cpu","value":11},{"name&quo…

我用豆包MarsCode IDE 做了一个 CSS 权重小组件

作者&#xff1a;夕水 查看效果 作为一个前端开发者&#xff0c;应该基本都会用 VSCode 来做开发&#xff0c;所以也应该见过如下这张图的效果: 以上悬浮面板分为2个部分展示内容。 <element class"hljs-attr">: 代表元素只有一个类名叫hljs-attr的类选择器&am…

Java基础-组件及事件处理(下)

(创作不易&#xff0c;感谢有你&#xff0c;你的支持&#xff0c;就是我前行的最大动力&#xff0c;如果看完对你有帮助&#xff0c;请留下您的足迹&#xff09; 目录 面板组件 说明 常见组件 JScrollPane常用构造方法 JScrollPane设置面板滚动策略的方法 JScrollPane滚…

selinux及防火墙

selinux说明 SELinux 是 Security-Enhanced Linux 的缩写&#xff0c;意思是安全强化的 linux 。 SELinux 主要由美国国家安全局&#xff08; NSA &#xff09;开发&#xff0c;当初开发的目的是为了避免资源的误用。 httpd进程标签&#xff08;/usr/share/nginx/html &#…

Java基础-组件及事件处理(中)

(创作不易&#xff0c;感谢有你&#xff0c;你的支持&#xff0c;就是我前行的最大动力&#xff0c;如果看完对你有帮助&#xff0c;请留下您的足迹&#xff09; 目录 BorderLayout布局管理器 说明&#xff1a; 示例&#xff1a; FlowLayout布局管理器 说明&#xff1a; …

数据结构哈希表-(开放地址法+二次探测法解决哈希冲突)(创建+删除+插入)+(C语言代码)

#include<stdio.h> #include<stdlib.h> #include<stdbool.h> #define M 20 #define NULLDEL -1 #define DELDEY -2typedef struct {int key;int count; }HashTable;//创建和插入 void Insert(HashTable ha[], int m, int p, int key) {int i, HO, HI;HO key…