1 Star 0 Fork 5.2K

OpenHarmony-build / docs

forked from OpenHarmony / docs 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
ts-syntactic-sugar-decorator.md 4.83 KB
一键复制 编辑 原始数据 按行查看 历史
zengyawen 提交于 2021-11-10 20:02 . add arkui

装饰器

装饰器**@Decorator**,被装饰的元素可以是变量声明,类定义,结构体定义,方法定义等,赋予其特殊的含义。

多个装饰器实现可以叠加到目标元素,书写在同一行上或者在多行上,推荐书写在多行上。

如下**@Component@State的使用,被@Component装饰的元素具备了组件化的含义,使用@State**装饰的变量具备了状态数据的含义:

@Component
struct MyComponent {
    @State count: number = 0
}

装饰器可以书写在同一行上:

@Entry @Component struct MyComponent {
}

但更推荐书写在多行上:

@Entry
@Component
struct MyComponent {
}

支持的装饰器列表

装饰器

装饰内容

说明

@Component

struct

结构体在装饰后具有基于组件的能力,需要实现build方法来更新UI。

@Entry

struct

组件被装饰后作为页面的入口,页面加载时将被渲染显示。

@State

基本数据类型,类,数组

修饰的状态数据被修改时会触发组件的build方法进行UI界面更新。

@Prop

基本数据类型

修改后的状态数据用于在父组件和子组件之间建立单向数据依赖关系。修改父组件关联数据时,更新当前组件的UI。

@Link

基本数据类型,类,数组

父子组件之间的双向数据绑定。父组件的内部状态数据作为数据源。任何一方所做的修改都会反映给另一方。

1
https://gitee.com/openharmony-build/docs.git
git@gitee.com:openharmony-build/docs.git
openharmony-build
docs
docs
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891