数据监听器
基本用法
使用如下:
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指定纯数据字段规则
改造