微信小程序 数据绑定及运算的简单实例

微信小程序 数据绑定的简单实例

简单用法：

rush:java;"> Page({ data: { message: '张三' } })

/**

• 生命周期函数--监听页面加载
  */
  onLoad: function (options) {
  var content1={
  date: "2020年 10月 8日 ",title："时间群",nameData:{
  name1:"张三李四",name2:"人五人六"，
  },fade：true/false
  }
  this.setData(content);
  },

数据绑定使用 Mustache 语法（双大括号）将变量包起来获取

rush:xml;"> {{ date}} {{ title}} {{ nameData.name1}} {{ nameData.name2}} //层级用点取值 //隐藏/显示

可以在 {{}} 内进行简单的运算

三元运算符

rush:java;">

计算

rush:js;"> Page({ data: { a: 1,b: 2,c: 3 } })

rush:js;"> {{a + b}} + {{c}} + d

输出结果：3 + 3 + d。

逻辑判断

rush:js;">

也可以在 Mustache 内直接进行组合，构成新的对象或者数组。

rush:js;"> Page({ data: { zero: 0 } })

rush:js;">

输出结果：组合成数组[0,4]。

对象

rush:js;"> Page({ data: { a: 1,b: 2 } })

rush:js;">