文档里关于StorageLink的描述的疑问？

Question

文档内容：
使用该机制来实现事件通知需要确保AppStorage中的变量尽量不要直接绑定在UI上，且需要控制@Watch函数的复杂度（如果@Watch函数执行时间长，会影响UI刷新效率）。

以上通知事件逻辑简单，也可以简化成三元表达式。

// xxx.ets  
class ViewData {  
title: string;  
uri: Resource;  
color: Color = Color.Black;  
  
constructor(title: string, uri: Resource) {  
this.title = title;  
this.uri = uri  
}  
}  
  
@Entry  
@Component  
struct Gallery2 {  
dataList: Array<ViewData> = [new ViewData('flower', $r('app.media.icon')), new ViewData('OMG', $r('app.media.icon')), new ViewData('OMG', $r('app.media.icon'))]  
scroller: Scroller = new Scroller()  
  
build() {  
Column() {  
Grid(this.scroller) {  
ForEach(this.dataList, (item: ViewData, index?: number) => {  
GridItem() {  
TapImage({  
uri: item.uri,  
index: index  
})  
}.aspectRatio(1)  
  
}, (item: ViewData, index?: number) => {  
return JSON.stringify(item) + index;  
})  
}.columnsTemplate('1fr 1fr')  
}  
  
}  
}  
  
@Component  
export struct TapImage {  
@StorageLink('tapIndex') tapIndex: number = -1;  
private index: number = 0;  
private uri: Resource = {  
id: 0,  
type: 0,  
moduleName: "",  
bundleName: ""  
};  
  
build() {  
Column() {  
Image(this.uri)  
.objectFit(ImageFit.Cover)  
.onClick(() => {  
this.tapIndex = this.index;  
})  
.border({  
width: 5,  
style: BorderStyle.Dotted,  
color: (this.tapIndex >= 0 && this.index === this.tapIndex) ? Color.Red : Color.Black  
})  
}  
}  
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

借助@StorageLink的双向同步机制实现事件通知，可以使用Emitter订阅某个事件并接收事件回调的方式来减少开销。