前言
这里的语法我是根据vue2的语法做出比较理解
ArkUI语法
@Entry (1)
@Compontent (2)
struct Ind { (3)
@state name: string = ' 小文同学 ' (4)
build() { (5)
Column() { (6)
Text(this.name) (7)
.fontSize(x) (8)
.onClick(() =>{ (9)
// 处理的事情
})
}
}
对应的解释
1. 是装饰器,用来装饰类结构的,这个作用是指定这里是 ** 组件的入口组件 **
2. 是装饰器,用来装饰类结构的,这个作用是指定这里是 ** 自定义组件 **
3. 是自定义组件,可以复用
4. 是装饰器,作用是声明变量,相当与VUE中的data(){}(但是还是有区别的)
5. 是声明UI的结构的地方(相当于VUE中的template作用)
6. 是相当于VUE中的容器,只不过在ArtUI中是Row和Column分别代表行和列
7. 是相当于VUE中的element组件el-button之类的,这里的Text相当于文本
8. 是样式的设置,这里是直接点在组件后面的,和VUE的区别是这里的都是驼峰的(对照VUE中的font-size),而且ArtUI是可以不写单位的
9. 是时间方法,也是直接跟在组件后面对应设置点击事件等