小程序 API 的 3 大分类

image.png

动态绑定内容

image.png

动态绑定属性

image.png

三元运算

image.png
算数运算
image.png

小程序常用的事件

image.png

事件对象的属性列表

image.png

bindtap 的语法格式

image.png

在事件处理函数中为 data 中的数据赋值

image.png
事件传参
image.png
image.png

bindinput 语法格式

image.png

条件渲染

wx:if

在 js里面的 然后在前端进行显示
data:{
type:1,
},
image.png

结合 使用 wx:if 控制多个组件

image.png

hidden 的显示和隐藏

在 js 的 data里面设置 condition: true
image.png

wx:if 和 hidden 的对比

image.png

列表渲染

wx:for

在 js的 data里面 创建一个数组 array:[‘苹果’, ‘华为’, ‘小米’]
image.png

手动指定索引和当前项的变量名

image.png

wx:key 的使用

image.png