[TOC] ## 概述 - ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展,是TS的超集 ## 语法 属性 ``` Text('hello') .fontSize(this.size) Image('test.jpg') .width(this.count % 2 === 0 ? 100 : 200) .height(this.offset + 100) ``` 事件 ``` //lambda Button('Click me') .onClick(() => { this.myText = 'ArkUI'; }) // 匿名函数 Button('add counter') .onClick(function(){ this.counter += 2; }.bind(this)) //使用组件的成员函数配置组件的事件方法。 myClickHandler(): void { this.counter += 2; } ... Button('add counter') .onClick(this.myClickHandler.bind(this)) ``` 子组件 如果组件支持存在子组件,则需要进行通过`{`,`}`配置 ``` Column() { Row() { Image('test1.jpg') .width(100) .height(100) Button('click +1') .onClick(() => { console.info('+1 clicked!'); }) } } ```