自定义组件的基本结构
struct: 自定义组件基于struct实现,struct + 自定义组件名 + {...}的组合构成自定义组件,不能有继承关系。对于struct的实例化,可以省略new。说明 自定义组件名、类名、函数名不能和系统组件名相同。
@Component :@Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Component装饰后具备组件化的能力,需要实现build方法描述UI,一个struct只能被一个@Component装饰。说明 从API version 9开始,该装饰器支持在ArkTS卡片中使用。
@Component
struct MyComponent {
}
build()函数 :build()函数用于定义自定义组件的声明式UI描述,自定义组件必须定义build()函数。
注意:!!!在组件或者页面中,有且只有一个build()函数被定义
@Component
struct MyComponent {
build() {
}
}
@Entry:
@Entry装饰的自定义组件将作为UI页面的入口。在单个UI页面中,最多可以使用@Entry装饰一个自定义组件。@Entry可以接受一个可选的LocalStorage 的参数。说明 从API version 9开始,该装饰器支持在ArkTS卡片中使用。
注意:!!!使用@Entry注入的作为组件入口,在main_pages.json文件中自动添加到路径当中