微信小程序组建监听observers

一。作用：用于监听和响应任何属性和数据字段的变化

二。限制：
1.小程序基础库2.6.1开始支持
2.只能在自定义组建中使用，再页面中无法使用
三。使用
1.自定义组件的properties中的数据属性

 Component({
  /**
   * 组件的属性列表
   */
  data: {},
  properties: {
    obj: {
      type: Object,
      value: {},
      observer(newVal,oldVal) {// 数据监听. 可拿到最新的值和上一次的值
        console.log("newVal", newVal);
      },
    },
  },
});

2.跟data同级，可监听data和props内的数据。‘ ** ’为通配符，可监听所有数据变动

Component({
  properties: {
  	 arrList: {
      type: Array,
      value: [],
    },
  },
  data: {
	dataVal:'',
    name:'章三'
  },
  observers: {
    dataVal: function (newVal) {//监听dataVal变动
      console.log(newVal)
    },
    arrList: function (newVal) {//监听arrList变动
      console.log(newVal)
    },
    '**': function() {// 每次 setData 都触发。监听所有数据变化
      console.log(this.data)
    },
//多个监听
'dataVal,name'(dataVal,name){

     }
  },
});