系列文章：
数据绑定
WXML中的动态数据均来自对应Page的data。
简单绑定
数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于：
内容
rush:js;">
Page({
data: {
message: 'Hello MINA!'
}
})
组件属性(需要在双引号之内)
rush:js;">
Page({
data: {
id: 0
}
})
控制属性(需要在双引号之内)
rush:js;">
Page({
data: {
condition: true
}
})
运算
可以在{{}}内进行简单的运算，支持的有如下几种方式：
三元运算
算数运算
rush:js;">
Page({
data: {
a: 1,b: 2,c: 3
}
})
view中的内容为3 + 3 + d
逻辑判断
字符串运算
rush:js;">
Page({
data:{
name:"MINA"
}
})
组合
也可以在Mustache内直接进行组合，构成新的对象或者数组
数组
rush:js;">
Page({
data: {
zero: 0
}
})
最终组合成数组[0,4]
对象
rush:js;">
Page({
data: {
a: 1,b: 2
}
})
最终组合成的对象是{for: 1,bar: 2}
也可以用扩展运算符...来将一个对象展开
rush:js;">
Page({
data: {
obj1: {
a: 1,b: 2
},obj2: {
c: 3,d: 4
}
}
})
最终组合成的对象是{a: 1,c: 3,d: 4,e: 5}
如果对象的key和value相同，也可以间接地表达
rush:js;">
Page({
data: {
foo: 'my-foo',bar: 'my-bar'
}
})
注意：上述方式可以随意组合，但是如有存在变量名相同的情况，后边的会覆盖前面，如
最终组合成的对象是{a: 5,b: 3,c: 6} 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！ 版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。rush:js;">
Page({
data: {
obj1: {
a: 1,obj2: {
b: 3,c: 4
},a: 5
}
})
