1# Counter 2 3计数器组件，提供相应的增加或者减少的计数操作。 4 5> **说明：** 6> 7> 该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 8 9 10## 子组件 11 12可以包含子组件。 13 14 15## 接口 16 17Counter() 18 19从API version 9开始，该接口支持在ArkTS卡片中使用。 20 21## 属性 22 23支持[通用属性](ts-universal-attributes-size.md)。 24 25 26## 事件 27 28不支持通用事件和手势， 仅支持如下事件： 29 30| 名称 | 功能描述 | 31| -------- | -------- | 32| onInc(event: () => void) | 监听数值增加事件。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 | 33| onDec(event: () => void) | 监听数值减少事件。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 | 34 35 36## 示例 37 38```ts 39// xxx.ets 40@Entry 41@Component 42struct CounterExample { 43 @State value: number = 0 44 45 build() { 46 Column() { 47 Counter() { 48 Text(this.value.toString()) 49 }.margin(100) 50 .onInc(() => { 51 this.value++ 52 }) 53 .onDec(() => { 54 this.value-- 55 }) 56 }.width("100%") 57 } 58} 59``` 60 61 62
