微信小程序 （七）数据绑定详细介绍

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

data.wxml

{{message}}


组件属性


控制属性


三元运算符


我是运算结果---{{a + b}} + {{c}} + d


asdf


{{"Hello " + name}}


{{item}}

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'



 },
})

相关文章：

hello WeApp                      icon组件
Window                             text组件                                switch组件
tabBar底部导航                 progress组件                        action-sheet
应用生命周期                    button组件                            modal组件
页面生命周期                    checkbox组件                       toast组件
模块化详                           form组件详                            loading 组件
数据绑定                           input 组件                             navigator 组件
View组件                          picker组件                             audio 组件
scroll-view组件                 radio组件                              video组件
swiper组件                        slider组件                              Image组件