深入了解微信小程序数据绑定

深入了解微信小程序数据绑定
这篇文章主要介绍了微信小程序数据绑定详细介绍的相关资料,需要的朋友可以参考下

这篇文章主要介绍了微信小程序数据绑定详细介绍的相关资料,需要的朋友可以参考下

数据绑定有一部分前几个看着还行，后面的几个可能有几个不理解，界面展示的数据有的也因为条件没法显示。看不懂的可以先记着，后面真正用到时就会明白，反正我是这样想的。这里先记录下

data.wxml

<!--数据绑定使用对象---内容--><view>{{message}}</view><!--数据绑定使用对象---组件属性---需要在双引号之内--><view id="item-{{id}}">组件属性</view><!--数据绑定使用对象---控制属性---需要在双引号之内--><view wx:if="{{condition}}">控制属性</view><!--数据绑定使用对象---三元运算--><view hindden="{{flag ? true : false}}">三元运算符</view><!--数据绑定使用对象---算数运算--><view>我是运算结果---{{a + b}} + {{c}} + d</view><!--数据绑定使用对象---逻辑判断--><view wx:if="{{length > 5}}">asdf</view><!--数据绑定使用对象---字符串运算--><view>{{"Hello " + name}}</view><!--数据绑定使用对象---数组组合--><view wx:for="{{[zero, 1, 2, 3, 4, 5, 6]}}">{{item}}</view><!--数据绑定使用对象---对象--><template is="objectCombine" data="{{for: x, bar: y}}"></template><!--数据绑定使用对象---扩展运算符对象 ... 将一个对象展开--><template is="objectCombine" data="{{...obj1, ...obj2, p: 5}}"></template><!--数据绑定使用对象---对象的key和value相同时--><template is="objectCombine" data="{{foo, bar}}"></template>