项目2-任务6-1 状态管理

状态管理目录CONTENTS状态管理1@State装饰器2@Prop装饰器3@Link装饰器4@Consume和@Provide装饰器501状态管理知识储备状态管理ArkTS提供了多维度的状态管理机制，和UI相关联的数据，不仅可以在组件内使用，还可以在不同组件层级间传递。02@State装饰器知识储备@State装饰器@State装饰的变量是组件内部的状态数据，当这些状态数据被修改时，将会调用所在组件的build()方法刷新UI。@State装饰的变量需要本地初始化，在父组件中调用子组件时的传参方法：this.变量名；支持多种数据类型：允许class、number、boolean、string，不允许object和any。说明示例//父组件中用privateprivateval_parent:string='你好'//子组件中用@State@Stateval:string='鸿蒙'//必须本地初始化//在父组件中调用子组件的语法子组件的名字({val:this.val_parent})代码演示03@Prop装饰器知识储备@Prop装饰器@Prop与@State有相同的语义，但初始化方式不同，仅支持number、string、boolean简单类型。@Prop装饰的变量必须使用其父组件提供的@State变量进行初始化，允许组件内部修改@Prop变量，但更改不会通知给父组件，即@Prop属于单向数据绑定。说明示例//父组件中用@State@Stateval_parent:string='你好'//子组件中用@Prop@Propval:string//不允许本地初始化//在父组件中调用子组件的语法子组件的名字({val:this.val_parent})代码演示04@Link装饰器知识储备@Link装饰器@Link与@State有相同的语义，但初始化方式不同，@Link变量的类型与@State变量的类型相同，即class、number、string、boolean或这些类型的数组；@Link装饰的变量可以和父组件的@State变量建立双向的数据绑定；@Link修饰的变量必须使用其父组件提供的@State变量进行初始化，允许组件内部修改@Link变量值且更改会通知给父组件。说明示例//父组件中用@State@Stateval_parent:string='你好'//子组件中用@Link@Linkval:string//不允许本地初始化//在父组件中调用子组件的语法,可以用$变量名,也可以用this.变量名子组件的名字({val:$val_parent})子组件的名字({val:this.val_parent})代码演示05@Consume和@Provide装饰器知识储备@Consume和@Provide装饰器@Provide作为数据的提供方，可以更新其子孙节点的数据，并触发页面渲染。@Consume在感知到@Provide数据的更新后，会触发当前自定义组件的重新渲染。使用时@Provide必须设置初始值，@Consume不可设置默认初始值，并且@Provide和@Consume后要使用()，()中要使用自定义的相同的字符串来标记@Provide和@Consume间传递的数据。说明示例//父组件中用@Provide@Provide("nowVal")val_parent:string='XXX'//子