【HM】简单说明白：装饰器@State、@Prop、@Link、@Provide、@Consume修饰变量，@Watch监听变量状态发生变化

首先要明白什么是“状态变量”？即被状态装饰器（@State、@Prop、@Link、@Provide、@Consume）修饰的变量，比如 @State str : string='';  str就是状态变量。状态变量值的改变会引起UI界面重新渲染。

@State

@State装饰的变量，是私有的，只能被组件内部访问，在声明时必须指定其类型和本地初始化。

@Prop

父组件与子组件单向同步，@Prop装饰的变量变化后不会同步影响其父组件。

@Link

父、子组件双向同步，子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定。

@Provide和@Consume

应用于与后代组件的双向数据同步，适用于状态数据在多个层级之间传递的场景。不同于上文提到的父子组件之间的状态传递，@Provide和@Consume实现跨层级传递，不受限父、子之间，还可以父、孙之间传递（跨过子组件）。

可以通过相同的变量名或者相同的变量别名绑定，变量类型必须相同。比如，@Provide num : number=0; @Consume num : number; 或 @Provide('num') num1 : number=1; @Consume('num') num2 : number;

@Watch 

应用于对状态变量的监听。如果需要关注某个状态变量的值是否改变，可以使用@Watch为状态变量设置回调函数。当状态变量变化时，所设置的回调函数将被调用。

注意：不要在回调函数里修改@Watch装饰的状态变量，否则陷入死循环。

@Watch('changeHandler') @State/Prop/Link/Provide num : number=0;

@State str : string ='';

changeHandler(){

    str ='num的值发生了变化'；

}