前言

本系列文章旨在通过系统性地测试官网提供的各类功能示例，以实践验证其实际应用效果。我们将从开发者实际需求出发，通过完整运行每个示例代码，详细记录执行过程与结果输出，从而评估这些示例能否为开发者提供有效的帮助。

示例效果说明

计数器组件，提供相应的增加或者减少的计数操作。

示例代码

该示例展示了Counter组件的基本使用方法。点击+、-按钮可以修改value值。

@Entry
@Component
struct Index {
  @State value: number = 0


  build() {
    Column() {
      Counter() {
        Text(this.value.toString())
      }.margin(100)
      .onInc(() => {
        this.value++
      })
      .onDec(() => {
        this.value--
      })
    }.width("100%")
  }
}

示例效果

核心内容

.onInc(() => { this.value++ })点击 "+" 时增加计数器值
.onDec(() => { this.value-- })点击 "-" 时减少计数器值