一文彻底拿下@State和@Prop和@Link的区别和联系

简介: 程序员Feri,12年+开发经验,专注于Java、嵌入式、鸿蒙、AI等领域,助力程序员成长。本文详解HarmonyOS装饰器:@State用于组件内部状态管理,状态变化触发重渲染;@Prop实现父组件向子组件单向数据传递,数据只读;@Link支持双向绑定,父子组件共享数据。掌握这些特性,让开发更高效!

程序员Feri一名12年+的程序员,做过开发带过团队创过业,擅长Java、嵌入式、鸿蒙、人工智能等,专注于程序员成长那点儿事,希望在成长的路上有你相伴!君志所向,一往无前!






1.Harmony OS中的装饰器


在 HarmonyOS 中,装饰器是一种强大的编程特性,它可以在不修改原代码结构的基础上,为类、方法、属性等添加额外的功能和特性,提高代码的可读性、可维护性和可扩展性


装饰器是一种特殊的语法,它以 @ 符号开头,后面跟着一个函数或类的名称。


这个函数或类将被应用到所修饰的代码元素上,对其进行包装或修改。


装饰器本质上是一个高阶函数,它接收一个函数或类作为参数,并返回一个经过修改或增强的函数或类。



2.@State


@State 用于定义组件内部的状态变量,是组件的私有状态。


当 @State 修饰的变量发生变化时,会触发组件的重新渲染,以反映状态的更新。


它的生命周期与组件绑定,组件销毁时,@State 变量也会被销毁。


状态改变仅影响当前组件及其子组件。



3.@Prop


@Prop 用于父组件向子组件传递数据,它是单向的数据传递方式。


子组件不能修改通过 @Prop 接收的数据,只能读取。


当父组件更新 @Prop 数据时,子组件会收到更新并重新渲染。



4.@Link


@Link 也用于父组件向子组件传递数据,但它是双向的数据传递。


子组件可以修改通过 @Link 接收的数据,并且修改会反映到父组件中。


子组件和父组件中的 @Link 变量实际上是共享同一份数据,它们的状态是同步的。



好啦,就到这,今天写项目的时候,被这三个搞迷糊啦,所以得记录一下!



相关文章
|
JSON 前端开发 Java
@RequestParam这个注解的作用
@RequestParam这个注解的作用
1883 0
|
Java
【java】修复:java: Error during the transformation of 'com.aicloud.data.util.ExcelUtils'; post-co...
【java】修复:java: Error during the transformation of 'com.aicloud.data.util.ExcelUtils'; post-co...
894 0
|
9月前
|
人工智能 安全 开发工具
Skills 与 MCP 延迟加载:谁更高效、稳定与可控?——开发者工具架构的深度对比
本文深度对比Anthropic的Claude Skills与MCP延迟加载工具:从架构、性能、稳定性、安全性和开发体验五维度分析。Skills高效易用但控制受限;MCP灵活可控却需自主运维。二者非互斥,混合架构才是未来趋势。(239字)
1239 10
|
存储 人工智能 安全
AI战略丨全面投入升级 AI 大基建
云厂商拥有全栈技术储备,并通过基础设施的全面升级,让 AI 训练、推理、部署和应用整个生命周期变得更高效。
|
域名解析 缓存 前端开发
使用 docker buildx 构建多 CPU 架构镜像
本文主要为大家讲解使用 docker buildx 构建多 CPU 架构镜像的过程。
10817 112
使用 docker buildx 构建多 CPU 架构镜像
|
SQL 数据可视化 前端开发
从探索式数据分析到现代 BI 仪表盘:Superset 2.0
从探索式数据分析到现代 BI 仪表盘:Superset 2.0
1466 0
|
Android开发
android.view.WindowLeaked的解决办法
我们知道Android的每一个Activity都有个WindowManager窗体管理器,同样,构建在某个Activity之上的对话框、PopupWindow也有相应的WindowManager窗体管理器。
562 0
|
Java 测试技术 开发者
Spring Boot 的优点详解
Spring Boot 的优点详解
2229 6
|
存储 JavaScript 前端开发
ShareDB:构建实时应用从未如此简单
ShareDB:构建实时应用从未如此简单
963 0
|
安全 JavaScript 小程序
云支付官方FAQ
云支付官方小二实时更新的浓缩FAQ,帮助广大服务商快速定位问题。