微信小程序-自定义组件数据监听器observers

一.监测自定义组件data值

定义data值，在.js文件里面定义data值

  data: {
    num:10,
    count:100,
    obj:{
      name:'tom',
      age:10
    },
    arr:[1,2,3]
  }

只有在data值进行改变后才会触发到数据监听的回调函数，如果数据没有改变回调函数不会被触发

  observers:{
    //key监听的数据 value最新的数据
    //data的数据发生改变就会被检测到
    // num:function(newNum){
    //   console.log(newNum)
    // }
    //监听多个数据
    'num,obj.name,arr[1],arr,obj.**' :function(newNum,newName,newArr,arr,obj){
      console.log(newNum,newName,newArr,arr,obj)
    }
  }

上面的’num,obj.name,arr[1],arr,obj.**'都是要监听的key值，后面function里面的参数就是data修改的新值。

obj.**代表的是一个对象，obj.name代表的是对象的一个属性。
arr代表的是一个数组，arr[1]代表的是一个数值元素。

二.监测自定义组件的properties值

自定义组建的属性值在被使用组件里面传值的时候就会被监测到。
这就导致在编译期间就会检测到自定义组件的properties值
定义properties

  properties: {
    label:{
      type:String,
      value:''
    }
  }

监测

  observers:{
    //key监听的数据 value最新的数据
    //data的数据发生改变就会被检测到
    //监听属性值
    'label':function(label){
      console.log(label)
    }
  }