第六讲_ArkTS装饰器（三）

最新推荐文章于 2025-04-10 11:45:32 发布

文大奇Quiin

最新推荐文章于 2025-04-10 11:45:32 发布

阅读量1.2k

点赞数 20

分类专栏： harmonyos应用开发文章标签： HarmonyOS ArkTS

本文链接：https://blog.csdn.net/wenqi1992/article/details/135696128

版权

本文详细介绍了在ArkTS中，@State、@Prop和@Link这三个装饰器的作用、特点、使用示例以及它们在组件间数据传递的规则，帮助开发者更好地管理组件状态和父子组件间的交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ArkTS装饰器（三）

1. @State装饰器
2. @Prop装饰器
3. @Link装饰器

1. @State装饰器

@State装饰的变量，称为状态变量。当状态变量改变时，UI会发生对应的渲染改变。

1.1 @State装饰器特点

@State 装饰的变量，是私有的，只能从组件内部访问。
在声明时必须指定类型和本地初始化。

1.2 @State装饰器使用示例

@Entry
@Component
struct MyComponent {
   
  // 定义一个状态变量
  @State count: number = 0;

  build() {
   
    Column() {
   
      // Text组件显示count的值
      Text(`count=${
     this.count}`)
      // Button是系统组件，添加一个点击事件，点击一次就给count + 1
      Button("点击+1")
        .onClick(() => {
   
          this.count++
        })
    }
  }
}