ArkTS UI开发规范的常用装饰器

  • @Component 可以装饰struct。结构体(struct)在被装饰后具有基于组件的能力,需要实现build方法来更新UI。
  • @Entry 可以装饰struct。组件在被装饰后会作为页面的入口组件,页面加载时将被渲染显示。
  • @Preview 可以装饰struct。 如果自定义的组件被@Preivew装饰,则可以在DevEco Studio 的预览器中进行预览。
  • @CustomDialog 可以装饰struct。用于装饰自定义弹窗。
  • @Observed 装饰class。类被装饰后,该类中的数据变更将被UI页面管理。
  • @ObjectLink 用于装饰已被@Observed装饰的类的对象。被装饰的状态数据被修改时,在父组件或者其他兄弟组件内与它关联的状态数据所在的组件都会更新UI。
  • @Builder 装饰方法。被装饰的方法可以在一个自定义组件内快速生成多个布局内容。
  • @Extend 用来装饰方法。装饰器将新的属性函数添加到内置组件上,通过@Extend装饰器可以快速定义并复用组件的自定义样式。
  • @Prop 装饰基本数据类型。装饰的状态数据用于在父组件和子组件之间建立单向数据依赖关系。当修改父组件关联数据时,会自动更新当前组件的UI.
  • @State 装饰基本数据类型、类、数组。装饰的状态数据被修改时会触发组件的build方法进行UI界面更新。
  • @Link 装饰基本数据类型、类、数组。装饰的内容在父子组件之间进行双向数据绑定,父组件的内部状态数据作为数据源,任何一方所做的修改都会反映给另一方。
  • @Provide 装饰基本数据类型、类、数组。装饰的数据作为数据的提供方,可以更新其子孙节点的数据,并触发页面渲染。
  • @Consume 装饰基本数据类型、类、数组。装饰的变量在感知到@Provide装饰的变量更新后,会触发当前自定义组件的重新渲染。
  • @Watch 装饰已经被@State、@Prop、@Link、@ObjectLink、@Provide、@Consume、@StorageProp、@StorageLink中任意一个装饰的变量。 @Watch用于监听状态变量的变化,应用可以注册回调方法。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值