父组件与子组件使用@Link双向同步

@Builder 
function render() { 
  childComponent() 
} 
 
// 构造LocalStorage实例 
let para: Record<string, number> = { 
  'childWidth': 0, 
  'childHeight': 0 
}; 
let storage: LocalStorage = new LocalStorage(para); 
 
@Entry 
@Component 
struct Page240126091206035 { 
  @State message: string = 'Hello World'; 
  @LocalStorageLink("childWidth") childWidth: Length = 0 
  @LocalStorageLink("childHeight") childHeight: Length = 0 
 
  aboutToAppear(): void { 
    this.childWidth = "100%" 
    this.childHeight = 400 
  } 
 
  build() { 
    Row() { 
      Column() { 
        render() 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
} 
 
@Component 
struct childComponent { 
  @LocalStorageLink("childWidth") childWidth: Length = 0 
  @LocalStorageLink("childHeight") childHeight: Length = 0 
 
  build() { 
    Column() { 
    } 
    .backgroundColor(Color.Pink) 
    .width(this.childWidth) 
    .height(this.childWidth) 
    .onClick(() => { 
      this.childWidth = 200 
      this.childHeight = 200 
    }) 
    .onAreaChange((old: Area, newValue: Area) => { 
      this.childWidth = newValue.width 
      this.childHeight = newValue.height 
    }) 
  } 
}