父组件与子组件使用@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 
    }) 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.