数据监听器observers

数据监听器

基本用法

使用如下：

test2.xml

<text>{{n1}}+{{n2}}={{sum}}</text>
<button bindtap="addn1">点击n1加1</button>
<button bindtap="addn2">点击n2加1</button>

test2.js

  data: {
n1:0,
n2:0,
sum:0
  },
  methods: {
addn1(){
this.setData({
  n1:this.data.n1+1
})
},
addn2(){
this.setData({
  n2:this.data.n2+1
})
}
  },
  observers:{
    "n1,n2":function(n1,n2){
this.setData({
  sum:n1+n2
})
    }
  }

在message.json引入自定义组件

  "usingComponents": {
    "mytest1":"/components/test/test",
    "mytest2":"/components/test2/test2"
  },

使用

<mytest1></mytest1>
<mytest2></mytest2>

监听对象中单个或者多个属性的变化

监听所有对象

纯数据字段：options指定纯数据字段规则

 改造