鸿蒙应用入门级开发者认证实验二(状态变量)
【摘要】 状态变量的命名:@State:代表组件自身"状态",如同组件的记忆单元。它独立维护组件内部数据,状态变化直接触发当前组件及子组件的UI刷新(如计数器组件自己记录点击次数)。@Prop:取自"property"(属性),强调数据从父组件单向流入子组件,类似传统属性传值。如同水流只能从高处流向低处,子组件接收父数据但无法回传修改(如父组件传递不可变的主题颜色给子按钮)。@Link:象征父子组件间...
状态变量的命名:
-
@State:代表组件自身"状态",如同组件的记忆单元。它独立维护组件内部数据,状态变化直接触发当前组件及子组件的UI刷新(如计数器组件自己记录点击次数)。
-
@Prop:取自"property"(属性),强调数据从父组件单向流入子组件,类似传统属性传值。如同水流只能从高处流向低处,子组件接收父数据但无法回传修改(如父组件传递不可变的主题颜色给子按钮)。
-
@Link:象征父子组件间的"链接",建立双向数据通道。如同共享同一块黑板,父子双方修改数据会实时同步到对方。
这种命名通过动词/名词直观表达数据流动方向:State(自持状态)→ Prop(接收属性)→ Link(双向联结),形成从独立到关联的语义递进。
访问变量用this.还是$取决于数据流动方式和作用对象。this.传递的是数据快照(默认单向流动),适合父子组件间传递静态参数;$传递的是数据引用(双向流动),适合需要内外状态实时联动的场景。比如父组件传值给子组件的@Link变量时,即使用this.传递,底层也会自动转换为引用传递。


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