//------------ 自定义子组件------------
@Component
struct myChild {
@Prop age: number
// 组件生命周期
aboutToAppear() {
console.info('组件显示');
}
aboutToDisappear() {
console.info('组件销毁');
}
build() {
Column() {
Text(`我是子组件`).fontColor(Color.Red)
Text(`${this.age}`)
}
}
}
//-------------------- 主页面------------------------------------
@Entry //入口文件,表示主页面
@Component //自定义组件
struct homeName { //定义组件名字
@State age: number = 14
@State isShow:boolean=true
// 页面生命周期
onPageShow() {
console.info('页面显示');
}
onPageHide() {
console.info('页面隐藏');
}
onBackPress() {
console.info('页面返回');
}
build() {
Column() {
Button('显示/隐藏子组件').onClick(()=>{
this.isShow=this.isShow?false:true
})
Text(`下面是子组件`)
if(this.isShow){//显示隐藏子组件
myChild({ age: this.age})
}
}
}
}
ArkTs----生命周期
最新推荐文章于 2025-05-05 05:43:37 发布