在HarmonyOS NEXT开发中写一个公共的page，然后其他具体的page继承它，在公共page的做一些处理？

Question

在HarmonyOS NEXT开发中写一个公共的page，然后其他具体的page继承它，在公共page的做一些处理？

Answer 1

demo参考：

//主页面  FirstTest.ets 
import { FirstTest2 } from "./FirstTest2" 
 
@Entry 
@Component 
struct FirstTest { 
  @State message1: string = 'Hello World'; 
  // 显隐控制设置为不占用 
 
  build() { 
    Column() { 
      Text("FirstTest：" + this.message1) 
        .fontSize(25) 
        .fontWeight(FontWeight.Bold) 
      //FirstTest2页面数据传递参考API：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ArkTS-link-0000001820999565#ZH-CN_TOPIC_0000001857916041__%E6%A6%82%E8%BF%B0 
      //FirstTest2为Component修饰的组件，并且进行export，然后在FirstTest进行导入直接使用即可，可以多个页面复用 
      FirstTest2({message2:this.message1}); 
    } 
  } 
} 
 
//复用组件  FirstTest2.ets 
@Component 
export struct FirstTest2 { 
  @State test:string = "FirstTest2" 
  @Link message2: string ; 
 
  build() { 
    Row() { 
      Column() { 
        Text("FirstTest2:" + this.test) 
          .fontSize(25) 
          .fontWeight(FontWeight.Bold) 
 
        Text("FirstTest2:" + this.message2) 
          .fontSize(25) 
          .fontWeight(FontWeight.Bold) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}