小程序之WXML-数据绑定

WXML-数据绑定

1.官方文档

​ https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/

2.数据绑定

2.1绑定内容

数据定义在data对象中，可以是字符串和数组

<view> {{ message }} </view>
<view> {{ mes02 }} </view>

Page({
  data: {
    message: 'Hello MINA!',
	mes02 :[1,2,3]
  }
})

关键字（不需写在data中）：

true：boolean 类型的 true，代表真值。

false： boolean 类型的 false，代表假值。

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

2.2 绑定属性

<view> <image src="{{ message }}"> </view>

Page({
  data: {
    message: '01.png'
  }
})

2.3 计算

<view> num==2?"yes":"no" </view>

Page({
  data: {
    num: 1+1
  }
})