数据绑定
数据绑定是将一个用户界面元素的属性绑定到一个类型实例上的某个属性的方法
数据绑定的基本原则
- 在 data 节点中定义数据
- 在页面对应的 .js 文件中,把数据定义到 data 对象中
- 在 WXML 中使用数据
- 在页面对应的 WXML 文件中,使用 Mustache 语法将数据渲染的页面
Mustache 语法
微信小程序中的 Mustache 语法用双大括号来表示,类似于 Vue 中的差值表达式。
格式
使用双大括号将变量包起来,如果要将info
变量对应的值渲染到页面上,代码如下
<view> {{ info }} </view>
应用场景
- 绑定内容
- 绑定属性
- 运算 如三元表达式运算、算数运算等
事件绑定
事件是渲染层到逻辑层的通信方式,通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。
小程序中常用的事件
常用的事件有 tap、input 和 change,详细说明如下
常用事件
事件对象的属性列表
当事件的回调函数被触发时,会收到一个事件对象 event,其详细属性如下
event 详细属性