微信小程序数据绑定及运算详解

本文主要和大家介绍微信小程序 数据绑定的简单实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，希望能帮助到大家。

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

简单用法：

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

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

 view {{ date}} /view 
 view {{ title}} /view 
 view {{ nameData.name1}} /view 
 view {{ nameData.name2}} /view //层级用点取值
 image wx:if= {{fade}} >
可以在 {{}} 内进行简单的运算
三元运算符

 view hidden= {{flag ? true : false}} Hidden /view 
计算

Page({
 data: {
 a: 1,
 b: 2,
 c: 3
})

 view {{a + b}} + {{c}} + d /view 
输出结果：3 + 3 + d。
逻辑判断

 view wx:if= {{length 5}} /view 
也可以在 Mustache 内直接进行组合，构成新的对象或者数组。

Page({
 data: {
 zero: 0
})

 view wx:for= {{[zero, 1, 2, 3, 4]}} {{item}} /view 
输出结果：组合成数组[0, 1, 2, 3, 4]。
对象

Page({
 data: {
 a: 1,
 b: 2
})

 template is= objectCombine data= {{for: a, bar: b}} /template 
最终组合成的对象是 {for: 1, bar: 2}
相关推荐：

Vue双向数据绑定源码分析
实例详解react.js父子组件数据绑定实时通讯
js实现双向数据绑定的方法
以上就是微信小程序数据绑定及运算详解的详细内容，更多请关注php中文网其它相关文章！
 
  
 微信app下载
 
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！