Component如何监听应用前后台切换

UIAbility中 
... 
onWindowStageCreate(windowStage: window.WindowStage) {... 
windowStage.loadContent('pages/Page1', (err, data) => { 
AppStorage.setOrCreate<boolean>('video',true)} 
... 
  
Page页面中 
@Entry 
@Component 
struct Page1 { 
@State message: string = 'Hello World' 
@StorageLink('video') isOnForeground:boolean = true 
  
build() { 
Row() { 
Column() { 
Text(this.message) 
.fontSize(50) 
.fontWeight(FontWeight.Bold) 
Vid({isOnForeground:this.isOnForeground}) 
} 
.width('100%') 
} 
.height('100%') 
} 
} 
  
@Component 
struct Vid { 
@Watch('change')@Link isOnForeground:boolean 
@State message: string = 'video' 
build() { 
Text("message") 
.fontSize(50) 
.fontWeight(FontWeight.Bold) 
.onClick(()=>{ 
this.message += this .isOnForeground 
console.log(""+this.isOnForeground) 
}) 
} 
change() { 
if (this.isOnForeground) { 
console.log('组件在前台') 
} else { 
console.log('组件在后台') 
} 
} 
}
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.