OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务6-2 使用组件级别的状态管理.pptxVIP

任务6使用组件级别的状态管理项目2走近ArkTS声明式开发

完成任务达成的技能目标01任务描述02技能目标本任务主要讲解组件间常用的状态变量装饰器，实现在父子组件间单向或双向传递数据，在跨子孙组件间实现双向传递数据。能在父子组件间实现数据的单向传值1能在父子组件间实现数据的双向传值2能实现跨子孙组件的双向数据传递3

任务实施步骤STEPS父组件向子组件的@State变量传递数据1子组件用@Prop接收父组件的单向传值2子组件用@Link实现父子间双向传值3用@Consume和@Provide实现跨子孙组件间双向传值4

父组件向子组件的@State变量传递数据01任务实施

父组件向子组件的@State变量传递数据在Index.ets中编写代码，实现父组件的private变量向子组件的@State变量传值。当应用运行起来后，选中的休息模式的值会传递给子组件，但是子组件的变化不会影响父组件。代码演示

子组件用@Prop接收父组件的单向传值02任务实施

子组件用@Prop接收父组件的单向传值将父组件的变量light_parent用@State修饰，而子组件的变量light用@Prop修饰，将父组件的@State变量值传递给子组件的@Prop变量，传参时使用this.变量名。代码演示

子组件用@Link实现父子间双向传值03任务实施

子组件用@Link实现父子间双向传值父组件的变量l