HarmonyOS ArkTS学习-状态管理-LocalStorage

HarmonyOS ArkTS学习-状态管理-LocalStorage

参考文献

官方文档
利用场景

LocalStorage-页面级UI状态存储。在某个页面中共享变量。可以明确为LocalStorage是某个页面对的‘数据库’。可通过key-value的情势访问LocalStorage中的变量。
干系装饰器

@LocalStorageProp：UI中变量和LocalStorage单向同步。被@LocalStorageProp装饰的变量发生改变，不会影响LocalStorage中变量的值。但是LocalStorage中变量的值发生厘革会同步被@LocalStorageProp装饰的变量。
@LocalStorageLink：UI中变量和LocalStorage双向同步。
利用LocalStorage

在利用LocalStorage时，必要将其绑定到对应页面的顶层组件，即将LocalStorage变量作为@Entry装饰器的参数。
代码示例

1. //相关装饰器：@LocalStorageProp和@LocalStorageLink
2. //LocalStorage为页面级状态变量提供存储的内存内数据库
3. //从UI内部使用LocalStorage
5. let storage = new LocalStorage({
6.    
7.    'num':1,'str':'hello'})
10. @Component
11. struct Child{
12.    
13.    
15.   build(){
16.    
17.    
18.     Row(){
19.    
20.    
21.       Column(){
22.    
23.    
24.         Button('set num')
25.           .fontSize(30)
26.           .onClick(() => {
27.    
28.    
29.             //prop 不会同步内存中的num
30.             let n = storage.prop('num')
31.             console.log(`num: ${
32.      
33.      n.get()}`)
34.             n.set(100)
35.           })
37.         Button('set num 100')
38.           .fontSize(30)
39.           .onClic

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金