您的当前位置:首页正文

鸿蒙4.0开发笔记之ArkTS装饰器语法基础@Prop@Link@State状态装饰器(十二)

2024-11-11 来源:个人技术集锦

一、哪些是状态装饰器

1、@State:被装饰拥有其所属组件的状态,可以作为其子组件单向和双向同步的数据源。当其数值改变时,会引起相关组件的渲染刷新。

2、@Prop:被装饰可以和父组件建立单向同步关系,@Prop装饰的变量是可变的,但修改不会同步回父组件。

3、@Link:被装饰变量和父组件构建双向同步关系的状态变量,父组件会接受来子@Link装饰的变量的修改的同步,父组件的更新也会同步给@Link装饰的变量。

4、@Provide/@Consume:@Provide/@Consume装饰的变量用于跨组件层级(多层组件)同步状态变量,可以不需要通过参数命名机制传递,通过alias(别名)或者属性名绑定。

5、@Observed:@Observed装饰class,需要观察多层嵌套场景的class需要被@Observed装饰。单独使用@Observed没有任何作用,需要和@ObjectLink、@Prop连用。

6、@ObjectLink:@ObjectLink装饰的变量接收@Observed装饰的class的实例,应用于观察多层嵌套场景,和父组件的数据源构建双向同步。

二、@State@Prop@Link状态传递的核心规则

  • (1)单向传递:@State----->@Prop
  • (2)双向传递:@State<----->@Link
  • (3)使用build()函数进行驱动更新
  • (4)传参:@State----->@Prop( this. 变量名)
  • (5)传参:@State<----->@Link($变量名)

三、状态装饰器练习

1、提醒:练习中的注释很详细

2、练习代码

@Entry
@Component
struct Index {
   
  @State name: string = '清风'

  build() {
   
    Row() {
   
      Column() {
   
        Text(this.name).Index_text()
        //State切换
        Button(</
显示全文