数据绑定

1. 简单绑定

   使用mustach语法 : 双大括号语法,定义在 Page 的 data 中的数据,可以用{{变量名}}直接拿

2. 组件属性

   双括号语法也可以用在变量中,用双引号括起来进行自动拼接

3. 控制属性

   同上, 用""括起来的{{变量名}} 布尔型变量,用于 if 条件判断

<view wx:if="{{condition}}"> </view>

4.关键字

使用关键字用作变量的时候,要用"{{}}"括起来

5.布尔

1. <checkbox checked="{{false}}"> </checkbox>

6.运算

{{a+b}} 结果表示两个变量的和

7.判断

字符串+拼接 {{""+a}}就相当于直接在里边写代码了,和 PHP 一样,只不过用的是双括号

事件

1. 事件

   作为标签的属性

2. 分为冒泡事件和非冒泡事件

• 冒泡事件: 会向上传递

• 非冒泡事件: 不会向上传递

冒泡事件列表

• touchstart手指触摸动作开始

• touchmove手指触摸后移动

• touchcancel手指触摸动作被打断，如来电提醒，弹窗touchend手指触摸动作结束tap手指触摸后马上离开

• longtap手指触摸后，超过350ms再离开

1. 使用方式 bind 或者 catch bind 会向上传递, catch 不会向上传递

{
 tapName: function(event) {
 console.log(event)
 } "type":"tap", "timeStamp":895, "target": { "id": "tapTest", "dataset": { "hi":"WeChat"
 }
 }, "currentTarget": { "id": "tapTest", "dataset": { "hi":"WeChat"
 }
 }, "detail": { "x":53, "y":14
 }, "touches":[{ "identifier":0, "pageX":53, "pageY":14, "clientX":53, "clientY":14
 }], "changedTouches":[{ "identifier":0, "pageX":53, "pageY":14, "clientX":53, "clientY":14
}]
}

注意:

• type 表示事件类型

• timeStamp 表示生成的时间戳

• target 表示生成事件的标签的属性集合

• curretTarget 表示当前事件标签的属性集合