[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!'); }) } } ```