微信小程序3——wxml模板语法

wxml模板语法

1、数据绑定

1.1 数据绑定的基本原则

· 在data中定义数据

· 在wxml中使用数据

1.2 Mustache语法

在页面对应的.js文件中，把数据定义到data对象中即可

<view>{ {要绑定的数据}}<view>

mustache 语法的应用场景

· 绑定内容

· 绑定属性 比如绑定src 但是需要双引号再加上一个{ {}}

· 三元运算

2、事件绑定

事件是渲染层到逻辑层的通讯方式，通过时间可以将用户在渲染层产生的行为，反馈到逻辑层进行业务的处理

2.1常用事件

· tap 绑定方式：bingtap 或 bind：tap 描述手指触摸后马上离开

· input 绑定方式：bindinput 或 bind： input 文本框的输入事件

· change 绑定方式： bindchange 或 bind：change 状态改变时触发

2.2 事件属性列表

 

2.2.1 target 与 currentTarget 的区别

· target是触发该事件的源