鸿蒙应用入门级开发者认证实验二(状态变量)

举报
黄生 发表于 2025/11/23 22:27:45 2025/11/23
【摘要】 状态变量的命名:@State:代表组件自身"状态",如同组件的记忆单元。它独立维护组件内部数据,状态变化直接触发当前组件及子组件的UI刷新(如计数器组件自己记录点击次数)。@Prop:取自"property"(属性),强调数据从父组件单向流入子组件,类似传统属性传值。如同水流只能从高处流向低处,子组件接收父数据但无法回传修改(如父组件传递不可变的主题颜色给子按钮)。@Link:象征父子组件间...

状态变量的命名:

  • @State:代表组件自身"状态",如同组件的记忆单元。它独立维护组件内部数据,状态变化直接触发当前组件及子组件的UI刷新(如计数器组件自己记录点击次数)。

  • @Prop:取自"property"(属性),强调数据从父组件单向流入子组件,类似传统属性传值。如同水流只能从高处流向低处,子组件接收父数据但无法回传修改(如父组件传递不可变的主题颜色给子按钮)。

  • @Link:象征父子组件间的"链接",建立双向数据通道。如同共享同一块黑板,父子双方修改数据会实时同步到对方。

这种命名通过动词/名词直观表达数据流动方向:State(自持状态)→ Prop(接收属性)→ Link(双向联结),形成从独立到关联的语义递进。
访问变量用this.还是$取决于数据流动方式和作用对象。this.传递的是数据快照(默认单向流动),适合父子组件间传递静态参数;$传递的是数据引用(双向流动),适合需要内外状态实时联动的场景。比如父组件传值给子组件的@Link变量时,即使用this.传递,底层也会自动转换为引用传递。


【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。