概述
AppStorage
是应用全局的UI状态存储,是和应用的进程绑定的,由UI框架在应用程序启动时创建,为应用程序UI状态属性提供中央存储。
AppStorage
是在应用启动的时候会被创建的单例。它的目的是为了提供应用状态数据的中心存储,这些状态数据在应用级别都是可访问的。AppStorage将在应用运行过程保留其属性。属性通过唯一的键字符串值访问。
本文仅介绍AppStorage使用场景和相关的装饰器:@StorageProp
和@StorageLink
。
@StorageProp
如果要建立AppStorage
和自定义组件的联系,需要使用@StorageProp
和@StorageLink
装饰器。使用@StorageProp(key)/@StorageLink(key)
装饰组件内的变量,key标识了AppStorage
的属性。
装饰器使用规则说明
变量的传递/访问规则说明
监听变化和行为表现
监听变化
- 当装饰的数据类型为
boolean
、string
、number
类型时,可以监听到数值的变化。 - 当装饰的数据类型为
class
或者Object
时,可以监听到对象整体赋值和对象属性变化。 - 当装饰的对象是
array
时,可以监听到数组添加、删除、更新数组单元的变化。 - 当装饰的对象是Date时,可以监听到
Date
整体的赋值,同时可通过调用Date
的接口setFullYear
,setMonth,
setDate
,setHours
,setMinutes
,setSeconds
,setMilliseconds
,setTime
,setUTCFullYear
,setUTCMonth
,setUTCDate
,setUTCHours
,setUTCMinutes
,setUTCSeconds
,setUTCMilliseconds
更新Date
的属性。 - 当装饰的变量是
Map
时,可以监听到Map
整体的赋值,同时可通过调用Map
的接口set
,clear
,delete
更新Map
的值。 - 当装饰的变量是
Set
时,可以观察到Set
整体的赋值,同时可通过调用Set
的接口add
,clear
,delete
更新Set
的值。
框架行为
- 当
@StorageProp(key)
装饰的数值改变被监听到时,修改不会被同步回·AppStorage`对应属性键值key的属性中。 - 当前
@StorageProp(key)
单向绑定的数据会被修改,即仅限于当前组件的私有成员变量改变,其他的绑定该key的数据不会同步改变。 - 当
@StorageProp(key)
装饰的数据本身是状态变量,它的改变虽然不会同步回AppStorage
中,但是会引起所属的自定义组件的重新渲染。 - 当
AppStorage
中key
对应的属性发生改变时,会同步给所有@StorageProp(key)
装饰的数据,@StorageProp(key)
本地的修改将被覆盖。
@StorageLink
@StorageLink(key)
是和AppStorage
中key对应的属性建立双向数据同步:
- 本地修改发生,该修改会被写回AppStorage中;
AppStorage
中的修改发生后,该修改会被同步到所有绑定AppStorage
对应key的属性上,包括单向(@StorageProp
和通过Prop
创建的单向绑定变量)、双向(@StorageLink
和通过Link创建的双向绑定变量)变量和其他实例(比如PersistentStorage
)。
装饰器使用规则说明
变量的传递/访问规则说明
监听变化和行为表现
监听变化
- 当装饰的数据类型为
boolean
、string
、number
类型时,可以监听到数值的变化。 - 当装饰的数据类型为
class
或者Object
时,可以监听到对象整体赋值和对象属性变化。 - 当装饰的对象是
array
时,可以监听到数组添加、删除、更新数组单元的变化。 - 当装饰的对象是Date时,可以监听到
Date
整体的赋值,同时可通过调用Date
的接口setFullYear
,setMonth,
setDate
,setHours
,setMinutes
,setSeconds
,setMilliseconds
,setTime
,setUTCFullYear
,setUTCMonth
,setUTCDate
,setUTCHours
,setUTCMinutes
,setUTCSeconds
,setUTCMilliseconds
更新Date
的属性。 - 当装饰的变量是
Map
时,可以监听到Map
整体的赋值,同时可通过调用Map
的接口set
,clear
,delete
更新Map
的值。 - 当装饰的变量是
Set
时,可以观察到Set
整体的赋值,同时可通过调用Set
的接口add
,clear
,delete
更新Set
的值。
框架行为
- 当
@StorageProp(key)
装饰的数值改变被监听到时,修改将被同步回·AppStorage`对应属性键值key的属性中。 AppStorage
中属性键值key对应的数据一旦改变,属性键值key绑定的所有的数据(包括双向@StorageLink
和单向@StorageProp
)都将同步修改。- 当
@StorageLink(key)
装饰的数据本身是状态变量,它的改变不仅仅会同步回AppStorage
中,还会引起所属的自定义组件的重新渲染。