有没有分开监听同一个类中不同属性的方法？

class GreenButtonState { 
  width: number = 0; 
  height: number = 0; 
 
  constructor(width: number, height: number) { 
    this.width = width; 
    this.height = height; 
  } 
} 
 
@Component 
struct GreenButton { 
  @Link @Watch('onUpdated') greenButtonState: GreenButtonState; 
 
  onUpdated(name: String): void { 
    console.log('111:' + this.greenButtonState.width + ' ' + this.greenButtonState.height) 
    this.updateWidth(); 
    this.updateHeight() 
  } 
 
  updateWidth(): void { 
    let width = this.greenButtonState.width; 
    console.log('width:' + width) 
  } 
 
  updateHeight(): void { 
    let height = this.greenButtonState.height; 
    console.log('height:' + height) 
  } 
 
  build() { 
    Button('Green Button') 
      .width(this.greenButtonState.width) 
      .height(this.greenButtonState.height) 
      .backgroundColor('#00ff00') 
      .onClick(() => { 
        if (this.greenButtonState.width < 700) { 
          // 更新class的属性，变化可以被观察到同步回父组件 
          this.greenButtonState.width += 20; 
        } else { 
          // 更新class，变化可以被观察到同步回父组件 
          this.greenButtonState = new GreenButtonState(50, 100); 
        } 
      }) 
  } 
} 
 
 
@Component 
struct YellowButton { 
  @Link yellowButtonState: number; 
 
  build() { 
    Button('Yellow Button') 
      .width(this.yellowButtonState) 
      .height(150.0) 
      .backgroundColor('#ffff00') 
      .onClick(() => { 
        // 子组件的简单类型可以同步回父组件 
        this.yellowButtonState += 50.0; 
      }) 
  } 
} 
 
@Entry 
@Component 
struct ShufflingContainer { 
  @State greenButtonState: GreenButtonState = new GreenButtonState(300, 50); 
  @State yellowButtonProp: number = 100; 
 
  build() { 
    Column() { 
      // 简单类型从父组件@State向子组件@Link数据同步 
      Button('Parent View: Set yellowButton') 
        .onClick(() => { 
          this.yellowButtonProp = (this.yellowButtonProp < 700) ? this.yellowButtonProp + 100 : 100; 
        }) 
      // class类型从父组件@State向子组件@Link数据同步 
      Button('Parent View: Set GreenButton') 
        .onClick(() => { 
          this.greenButtonState.width = (this.greenButtonState.width < 700) ? this.greenButtonState.width + 30 : 100; 
          this.greenButtonState.height = (this.greenButtonState.height < 100) ? this.greenButtonState.height + 10 : 100; 
        }) 
      // class类型初始化@Link 
      GreenButton({ greenButtonState: $greenButtonState }) 
      // 简单类型初始化@Link 
      YellowButton({ yellowButtonState: $yellowButtonProp }) 
    } 
  } 
}
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.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.