@Component
被@Component修饰,表示该结构体struct是一个自定义组件
特点
可组合
可重用
有生命周期
数据驱动更新
@Component
struct ComponentA {
build() {
Row() {
Column() {
// 重用ComponentB
ComponentB()
Text('first column')
.fontSize(20)
}
Column() {
// 重用ComponentB
ComponentB()
// 和 ComponentC 组合
ComponentC()
Text('second column')
.fontSize(20)
}
}
}
// 生命周期函数
private aboutToAppear() {
console.log('ParentComponent: Just created, about to become rendered first