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

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

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

data.wxml

<!--数据绑定使用对象---内容-->
{{message}}<!--数据绑定使用对象---组件属性---需要在双引号之内-->组件属性<!--数据绑定使用对象---控制属性---需要在双引号之内-->控制属性<!--数据绑定使用对象---三元运算-->三元运算符<!--数据绑定使用对象---算数运算-->我是运算结果---{{a + b}} + {{c}} + d<!--数据绑定使用对象---逻辑判断--> 5}}">asdf<!--数据绑定使用对象---字符串运算-->{{"Hello " + name}}<!--数据绑定使用对象---数组组合-->{{item}}<!--数据绑定使用对象---对象--><!--数据绑定使用对象---扩展运算符对象 ... 将一个对象展开--><!--数据绑定使用对象---对象的key和value相同时-->

data.js

Page({
 data:{

 //内容绑定
 message: 'Hello WeApp',

 //组件属性绑定
 id: 0,

 //控制属性绑定
 condition: true,

 //三元运算
 flag:false,

 //算数运算
 a: 1,
 b: 2,
 c: 3,

 //逻辑判断
 length: 6,

 //字符串运算
 name: '顺子',

 //数组组合
 zero: 0,

 //对象

 x: 0,
 y: 1,

 //对象展开
 obj1: {
  a: 1,
  b: 2
 },
 obj2: {
  c: 3,
  d: 4
 },
 p: 5,

 //对象key和value形同时
 foo: 'my-foo',
 bar: 'my-bar'



 },
})

以上就是深入了解微信小程序数据绑定的详细内容，更多请关注慧达安全导航其它相关文章！