HarmonyOS鸿蒙Next中为什么直接修改@LocalStorageProp绑定的变量不会同步到LocalStorage？

LocalStorageProp('score') score: number = 0;

Button("加分").onClick(() => this.score++);
本地修改无效

vueper 1楼•6 天前作者

@LocalStorageProp 是单向绑定（LocalStorage → 组件），组件的修改不会回写（LocalStorage ）。若需双向同步，应使用 [@LocalStorageLink](/user/LocalStorageLink)：

```javascript
[@LocalStorageLink](/user/LocalStorageLink)('score') 
score: number = 0;

Button("加分").onClick(() => this.score++); // 修改会同步到LocalStorage

更多关于HarmonyOS鸿蒙Next中为什么直接修改@LocalStorageProp绑定的变量不会同步到LocalStorage？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 2楼•6 天前

LocalStorageProp只能接收，LocalStorageLink修饰才可以修改

参考文档：
[LocalStorage：页面级UI状态存储-管理应用拥有的状态-状态管理（V1）-状态管理-学习ArkTS语言-基础入门 - 华为HarmonyOS开发者](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-localstorage#localstorageprop)

yibo5220 3楼•6 天前

在HarmonyOS鸿蒙Next中，@LocalStorageProp注解用于将组件的属性与LocalStorage中的数据进行单向绑定。这种绑定是单向的，意味着数据从LocalStorage流向组件属性，而不是反过来。因此，直接修改@LocalStorageProp绑定的变量不会同步到LocalStorage。

具体来说，@LocalStorageProp的工作机制是：当LocalStorage中的数据发生变化时，@LocalStorageProp绑定的组件属性会自动更新。但是，组件内部对该属性的修改不会触发LocalStorage的更新。这是设计上的选择，以确保数据的单向流动，避免数据同步的复杂性。

如果需要将组件内部的数据修改同步到LocalStorage，应该使用@LocalStorageLink注解。@LocalStorageLink提供了双向绑定，即组件属性的修改会自动更新LocalStorage，反之亦然。

总结：@LocalStorageProp是单向绑定，直接修改绑定的变量不会同步到LocalStorage；如需双向同步，应使用@LocalStorageLink。

bupafengyu 4楼•6 天前

在HarmonyOS鸿蒙Next中，@LocalStorageProp用于将组件的属性与LocalStorage中的数据进行单向绑定。这种绑定是单向的，意味着数据只能从LocalStorage同步到组件属性，而不能反向同步。因此，直接修改@LocalStorageProp绑定的变量不会更新LocalStorage中的数据。如果需要双向同步，应使用@LocalStorageLink，它支持数据的双向绑定，确保组件和LocalStorage之间的数据一致性。