微信小程序数据绑定和事件绑定

1.数据绑定的基本原则

(1)在data中定义数据 (2)在WXML中使用数据

2.在data中定义页面的数据

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

微信小程序数据绑定和事件绑定_第1张图片

 

微信小程序数据绑定和事件绑定_第2张图片

 3.Mustache语法的格式

把data中的数据绑定到页面中渲染,使用Mustache语法(双大括号)将变量包起来即可,语法格式为:

{{要绑定的数据名称}}

4.Mustache语法的应用场景

(1)绑定内容 (2)绑定属性 (3)运算(三元运算,算术运算)

5.动态绑定内容微信小程序数据绑定和事件绑定_第3张图片6.动态绑定属性

微信小程序数据绑定和事件绑定_第4张图片 7.三元运算

微信小程序数据绑定和事件绑定_第5张图片

 8.算术运算

 微信小程序数据绑定和事件绑定_第6张图片

 事件绑定:

1.什么是事件绑定

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

2.小程序中常用的时间微信小程序数据绑定和事件绑定_第7张图片

 3.事件对象的属性列表微信小程序数据绑定和事件绑定_第8张图片4.target和currentTarget的区别

微信小程序数据绑定和事件绑定_第9张图片

 5.bindtap的语法格式微信小程序数据绑定和事件绑定_第10张图片

 微信小程序数据绑定和事件绑定_第11张图片

微信小程序数据绑定和事件绑定_第12张图片微信小程序数据绑定和事件绑定_第13张图片

你可能感兴趣的:(微信小程序,小程序)