企业官网建设流程全解析

@Watch 装饰器使用详解

根据 Index.ets 和 WatchChild.ets 文件，我为你详细分析 @Watch 的使用方法：

1. @Watch 基本概念

@Watch 是 ArkTS 中的一个装饰器，用于监听状态变量的变化并触发回调函数。它可以与 @State、@Prop、@Link 等状态装饰器配合使用。

2. 代码结构分析

父组件 (Index.ets)

importWatchChildfrom'./WatchChild';import{promptAction}from'@kit.ArkUI';@Entry@Componentstruct WatchPage{@Watch('updateNum')@Statenum:number=0;@Watch('updateMessage')@Statemessage:string='Hello World';updateNum(){promptAction.showToast({message:'子组件变化了'});}updateMessage(name:string){console.log('发生变化了：',name,this.message);}build(){Row(){Column({space:20}){Text(this.message)Text('父组件'+this.num)Button('修改变量').onClick(()=>{this.message='内容改变了';})