Harmony 状态管理神器 @ObservedV2

简介: Harmony 状态管理神器 @ObservedV2

Harmony 状态管理神器 @ObservedV2

背景

最近Harmony 应用开发技术中推出了新版的状态管理技术,试用过后,直呼很香。我们来看为什么?

因为在 Harmony 应用开发过程中,我们一定会碰到监听嵌套类/深层次属性的需求,如希望 sonweight属性变化后,可以引起UI刷新。

@Observed装饰器和 @ObjectLink装饰器

针对以上需求,那之前,也就是所谓的 v1 版本是怎么做的呢? 是通过 @Observed装饰器和**@ObjectLink**装饰器实现的。

其中,这一套解决方案有一个很严重的、破坏性的问题- 必须搭配自定义组件一起使用。

BY}6OW5Z[5%758T$XBX}{JN.png

所以,你代码本来是这样子的🤓:

1Z)TK@%%7)[6_L4PN{R)FP1.png

为了实现深层次数据的监听,必须改造-破坏你的UI结构,要引入自定义组件,那么就变成了这样子😭:

[[2T%@B9JDR)1F@B46$BDYN.png


大家看看,这个代码的风格,是人干的事情吗

接下来,我们看看更新后的技术解决方案是怎么样的 👇👇👇👇

@ObservedV2装饰器和@Trace装饰器

截至 2024年7月15日 v2都是试用版

介绍

为了增强状态管理框架对类对象中属性的观测能力,开发者可以使用**@ObservedV2**装饰器和@Trace装饰器装饰类以及类中的属性。

其中,官网上的表达如下:

  • @ObservedV2装饰器与 @Trace 装饰器需要配合使用,单独使用 @ObservedV2装饰器 @Trace 装饰器没有任何作用。
  • @Trace装饰器装饰的属性property变化时,仅会通知property关联的组件进行刷新。
  • 在嵌套类中,嵌套类中的属性property@Trace装饰且嵌套类被 @ObservedV2 装饰时,才具有触发UI刷新的能力。
  • 在继承类中,父类或子类中的属性property@Trace 装饰且该property所在类被 @ObservedV2 装饰时,才具有触发UI刷新的能力。
  • 未被 @Trace 装饰的属性用在UI中无法感知到变化,也无法触发UI刷新。
  • @ObservedV2 的类实例目前不支持使用JSON.stringify进行序列化。

我们针对以上总结一下。使用的技巧也很简单

  1. 要监听的属性要添加 @Trace 装饰器
  2. 被监听的属性 所在的类要添加 @ObservedV2
  3. 继承类 ,继承其中的被监听的属性时,可以等价视为是给出自己的类添加了 @Trace 装饰器监听。


是不要对比 @Observed装饰器和 @ObjectLink 要简单轻松多了?

总结

  1. 当我们在开发中,如果碰到了监听深层次属性的需求,可以使用 @Observed装饰器和 @ObjectLink装饰器 和 @ObservedV2装饰器和 @Trace装饰器
  2. @Observed装饰器和 @ObjectLink装饰器 是比较稳定的技术,但是开发效率低,体验不好,对代码具有入侵型
  3. @ObservedV2装饰器和 @Trace 装饰器是新推出的v2的版本,目前还在试用期,大概率会成为稳定版。对代码比较友好,如果是新的业务,可以优先考虑使用它。
目录
打赏
0
4
4
0
28
分享
相关文章
轻松实现 UniApp Xcode 上传 IPA 无需 Mac,appuploder 一键上传助你高效开发!
轻松实现 UniApp Xcode 上传 IPA 无需 Mac,appuploder 一键上传助你高效开发!
自学记录:学习HarmonyOS Location Kit构建智能定位服务
作为一名对新技术充满好奇心的开发者,我选择了HarmonyOS Next 5.0.1(API 13)作为挑战对象,深入研究其强大的定位服务API——Location Kit。从权限管理、获取当前位置、逆地理编码到地理围栏,最终成功开发了一款智能定位应用。本文将结合代码和开发过程,详细讲解如何实现这些功能,并分享遇到的挫折与兴奋时刻。希望通过我的经验,能帮助其他开发者快速上手HarmonyOS开发,共同探索更多可能性。
139 5
【02】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-准备工具安装-编译器DevEco Studio安装-arkts编程语言认识-编译器devco-鸿蒙SDK安装-模拟器环境调试-hyper虚拟化开启-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
【02】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-准备工具安装-编译器DevEco Studio安装-arkts编程语言认识-编译器devco-鸿蒙SDK安装-模拟器环境调试-hyper虚拟化开启-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
22 2
【02】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-准备工具安装-编译器DevEco Studio安装-arkts编程语言认识-编译器devco-鸿蒙SDK安装-模拟器环境调试-hyper虚拟化开启-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
20 9
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
Harmony状态管理AppStorageV2和PersistenceV2
Harmony状态管理AppStorageV2和PersistenceV2
155 0
Harmony状态管理AppStorageV2和PersistenceV2
|
7月前
|
【微信小程序-原生开发】启动时自动升级更新到最新版本
【微信小程序-原生开发】启动时自动升级更新到最新版本
135 0
iOS 应用上架的步骤和工具简介
APP开发助手是一款能够辅助iOS APP上架到App Store的工具,它解决了iOS APP上架流程繁琐且耗时的问题,帮助跨平台APP开发者顺利将应用上架到苹果应用商店。最重要的是,即使没有配置Mac苹果机,也可以使用该工具完成一系列操作,包括iOS证书申请、创建iOS开发者证书和 iOS发布证书等各类证书。此外,在Windows、Linux或Mac系统中上传IPA到App Store也变得简单快捷,从而大大简化了iOS APP上架的流程。
微信IDE开发过程,提示上传云函数 lbs_server 失败
微信IDE开发过程,提示上传云函数 lbs_server 失败
微信IDE开发过程,提示上传云函数 lbs_server 失败
[分享]错误“应用程序Xcode的这个版本不能与此版本的OS X配合使用”以及Mac源码和IOS开发资料分享
[分享]错误“应用程序Xcode的这个版本不能与此版本的OS X配合使用”以及Mac源码和IOS开发资料分享 安装Xcode时,出现“应用程序Xcode的这个版本不能与此版本的OS X配合使用”错误如下: 解决方案是: /system/libary/coreservice/SystemVersion.plist中的两个10.10为10.10.5 修改过程会提示无权限修改,要不要建立副本,点击提示框中的“复制”按钮,存到桌面上。
3671 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等