当前位置: 首页 > article >正文

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 : 子组件对父组件传递的数据有更改时

2、案例演示


http://www.kler.cn/a/410547.html

相关文章:

  • [M最短路] lc743. 网络延迟时间(spfa最短路+单源最短路)
  • 论文阅读:A fast, scalable and versatile tool for analysis of single-cell omics data
  • 智能显示屏插座:能否成为家庭用电安全的守护天使?
  • ElasticSearch学习了解笔记
  • JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
  • pringboot自动装配原理是?
  • nodejs操作selenium-webdriver
  • HashMap的寻址算法(源码分析)
  • 路由器中继与桥接
  • WPF中如何让Textbox显示为一条直线
  • Kali Linux语言设置成中文
  • 硬盘(HDD)与固态硬盘(SSD)详细解读
  • WSL安装不同版本ubuntu(已有ubuntu20.04,再装ubuntu18.04)
  • Linux(Ubuntu)升级openssh至9.6版本
  • PyTorch2
  • 树链剖分(重链剖分)
  • ES实用面试题
  • 什么是 C++ 中的类型别名和 using 声明? 如何使用类型别名和 using 声明?
  • 三维测量与建模笔记 - 点特征提取 - 4.5 SURF-FAST-ORB
  • Linux——进程调度与切换
  • 风尚云网前端学习:一个简易前端新手友好的HTML5页面布局与样式设计
  • 《Docker Registry(镜像仓库)详解》
  • vue实现列表滑动下拉加载数据
  • sql server 主从job对比差异
  • python画图|无坐标轴自由划线操作fig.add_artist(lines.Line2D()函数
  • 英伟达推出了全新的小型语言模型家族——Hymba 1.5B