一。作用：用于监听和响应任何属性和数据字段的变化
二。限制：
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){
}
},
});