应用如何在自定义组件的构建流程里跟踪组件数据或者状态，如在build里增加日志跟踪状态变量等？

应用如何在自定义组件的构建流程里跟踪组件数据或者状态，如在build里增加日志跟踪状态变量等？

背景

UI的构建build方法内无法插入日志，导致应用无法感知UI绘制流程，不利于调试UI，定位UI问题。 　

关键字

build 状态变量  自定义组件

解决方案 

使用@Watch回调来监测状态变量的变化，如果执行回调函数，说明在下一次vysnc信号发送时，使用该状态变量的UI会刷新绘制。   示例代码如下：

@Prop @Watch('onCountUpdated') count: number = 0; 
@State total: number = 0; 
// @Watch 回调 
onCountUpdated(propName: string): void {
  this.total += this.count; 
}

参考资料

1. @Watch装饰器：状态变量更改通知