鸿蒙HarmonyOS开发框架—ArkTS语言（状态管理 八）_arkts 动态权限框架(1)

// @Watch cb
onCountUpdated(propName: string): void {
this.total += this.count;
}

build() {
Text(Total: ${this.total})
}
}

@Entry
@Component
struct CountModifier {
@State count: number = 0;

build() {
Column() {
Button(‘add to basket’)
.onClick(() => {
this.count++
})
TotalView({ count: this.count })
}
}
}

复制


处理步骤：


1. CountModifier自定义组件的Button.onClick点击事件自增count。
2. 由于@State count变量更改，子组件TotalView中的@Prop被更新，其@Watch('onCountUpdated')方法被调用，更新了子组件TotalView 中的total变量。
3. 子组件TotalView中的Text重新渲染。


###### @Watch与@Link组合使用


以下示例说明了如何在子组件中观察@Link变量。

class PurchaseItem {
static NextId: number = 0;
public id: number;
public price: number;

constructor(price: number) {
this.id = PurchaseItem.NextId++;
this.price = price;
}
}

@Component
struct BasketViewer {
@Link @Watch(‘onBasketUpdated’) shopBasket: PurchaseItem[];
@State totalPurchase: number = 0;

updateTotal(): number {
let total = this.shopBasket.reduce((sum, i) => sum + i.price, 0);
// 超过100欧元可享受折扣
if (total >= 100) {
total = 0.9 * total;
}
return total;
}
// @Watch 回调
onBasketUpdated(propName: string): void {
this.totalPurchase = this.updateTotal();
}

build() {
Column() {
ForEach(this.shopBasket,
(item) => {
Text(Price: ${item.price.toFixed(2)} €)
},
item => item.id.toString()
)
Text(Total: ${this.totalPurchase.toFixed(2)} €)
}
}
}

@Entry
@Component
struct BasketModifier {
@State shopBasket: PurchaseItem[] = [];

build() {
Column() {
Button(‘Add to basket’)
.onClick(() => {
this.shopBasket.push(new PurchaseItem(Math.round(100 * Math.random())))
})
BasketViewer({ shopBasket: $shopBasket })
}
}
}

复制


处理步骤如下：


1. BasketModifier组件的Button.onClick向BasketModifier shopBasket中添加条目；
2. @Link装饰的BasketViewer shopBasket值发生变化；
3. 状态管理框架调用@Watch函数BasketViewer onBasketUpdated 更新BasketViewer TotalPurchase的值；
4. @Link shopBasket的改变，新增了数组项，ForEach组件会执行item Builder，渲染构建新的Item项；@State totalPurchase改变，对应的Text组件也重新渲染；重新渲染是异步发生的。


#### $$语法：内置组件双向同步


$$运算符为系统内置组件提供TS变量的引用，使得TS变量和系统内置组件的内部状态保持同步。


内部状态具体指什么取决于组件。例如，bindPopup属性方法的show参数。


##### 使用规则


* 当前$$支持基础类型变量，以及@State、@Link和@Prop装饰的变量。
* 当前$$仅支持bindPopup属性方法的show参数，Radio 组件的checked属性，Refresh 组件的refreshing参数。
* $$绑定的变量变化时，会触发UI的同步刷新。


##### 使用示例


以bindPopup属性方法的show参数为例：

// xxx.ets
@Entry
@Component
struct bindPopupPage {
@State customPopup: boolean = false;

build() {
Column() {
Button(‘Popup’)
.margin(20)
.onClick(() => {
this.customPopup = !this.customPopup
})
.bindPopup($$this.customPopup, {
message: ‘showPopup’
})
}
}
}

复制



![](https://img-blog.csdnimg.cn/img_convert/adf580d4d6f3d142e6c05c27d0121689.gif)




---


最后，为了能让大家更好的去学习提升鸿蒙 (Harmony OS) 开发技术，小编连夜整理了一份30个G**纯血版**学习资料（含**视频**、**电子书**、**学习文档**等）以及一份在Github上持续爆火霸榜的《纯血版华为鸿蒙 (Harmony OS)开发手册》（共计890页），希望对大家有所帮助。


## 纯血版鸿蒙 HarmonyOS 4.0 视频学习资料


![](https://img-blog.csdnimg.cn/direct/96278e452e0c4e148a9719152582e3f8.png)


![](https://img-blog.csdnimg.cn/direct/055da709c34041b8b65194f344718ab3.png)


 需要以上视频学习资料小伙伴


请点击→[纯血版全套鸿蒙HarmonyOS学习资料]( )




---


## 《纯血版华为鸿蒙 (Harmony OS)开发手册》


这份手册涵盖了当前鸿蒙 (Harmony OS) 开发技术必掌握的核心知识点


#### 纯血版鸿蒙 (Harmony OS)开发手册部分精彩内容


**HarmonyOS 概念：**


* 系统定义
* 技术架构
* 技术特性
* 系统安全


![](https://img-blog.csdnimg.cn/direct/180561508b094d7db5a414156dc9a832.png)



**如何快速入门？**


* 基本概念
* 构建第一个ArkTS应用
* 构建第一个JS应用
* ……


![](https://img-blog.csdnimg.cn/direct/df693f7a4a9a4c439ce1644cb35061e2.png)  
**开发基础知识：** 


* 应用基础知识
* 配置文件
* 应用数据管理
* 应用安全管理
* 应用隐私保护
* 三方应用调用管控机制
* 资源分类与访问
* 学习ArkTS语言
* ……


![](https://img-blog.csdnimg.cn/direct/1af34243370e4c3eab05c1842213bfb9.png)


**基于ArkTS 开发：**


* Ability开发
* UI开发
* 公共事件与通知
* 窗口管理
* 媒体
* 安全
* 网络与链接
* 电话服务
* 数据管理
* 后台任务(Background Task)管理
* 设备管理
* 设备使用信息统计
* DFX


**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

**因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/042287c06c3ef5b3065452df68028a90.png)
![img](https://img-blog.csdnimg.cn/img_convert/9d1637240eca55119a09e4cc331f02ad.png)
![img](https://img-blog.csdnimg.cn/img_convert/ed6d35e45c5e1b93a5416bfeee3a8cae.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）**
![img](https://img-blog.csdnimg.cn/img_convert/905306041651039535bcaed47420e37d.png)

**一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）**
[外链图片转存中...(img-GD12CFFE-1712921530479)]

**一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**