自定义组件的数据监听器

1. 什么是数据监听器

数据监听器可以用于监听和响应任何属性和字段的变化。

2. 数据监听器的使用方法

①在父组件给子组件传参的时候

//父组件的wxml中 
//formaData--->父组件传给子组件的数据 
//data--->子组件来接收父组件数据的变量名
<zi data="{{formaData}}"></zi>

②子组件中使用properties接收参数

//properties接收参数
properties:{
//data--->父组件里面定义的data
  data：{
        type：Object,  //父组件传来的类型
        //observe实现监听的效果
        observer:function(newVal){
            console.log("newVal",newVal)
             if(newVal){
                //在这里就可以给data里的数据赋值了
                this.setData({})
              }
        }
   }
}
//数据监听器支持监听属性或内部数据的变化，可以同时监听多个。一次 setData 最多触发每个监听器一次。

//使用通配符**可以监听全部setData。
    observers:{
    '**':function(){
     //每次setData都能触发
        }
    }