首页Tabcontent里的一个组件从屏幕消失，再次出现在屏幕首页如何调用组件的方法？

// Index.ts  
import { HomePage } from './HomePage'  
export class ChildController {  
  changeText = (value: string) => {  
    console.log('11111')  
  }  
}  
  
export let ChildRef = new ChildController()  
  
@Entry  
@Component  
struct Parent {  
  // ChildRef = new ChildController()  
  @State noShow: boolean = false  
  private tabsController: TabsController = new TabsController();  
  
  build() {  
    Column() {  
      Tabs({ barPosition: BarPosition.End, controller: this.tabsController }) {  
        TabContent() {  
          Column(){  
            HomePage({ controller: ChildRef });  
            Button('CLICK').onClick(()=>{  
              ChildRef.changeText('Parent调用childer的changeText')  
            })  
          }  
        }  
      }  
    }  
  }  
}  
// homePage.ets  
import { ChildController } from './Index';  
@Entry  
@Component  
export struct HomePage {  
  @State private text: string = '初始值'  
  private controller: ChildController = new ChildController();  
  
  aboutToAppear() {  
    if(this.controller) {  
      this.controller.changeText = this.changeText  
    }  
    console.log('aaa')  
  }  
  
  private changeText = (value: string) =>{  
    this.text = value  
    console.log('bbb')  
  }  
  
  build() {  
    Column() {  
      Text(this.text)  
    }  
  }  
}