2-小程序bool类型、运算符与渲染（wx:for，wx:if）

注意1.bool类型

不要直接写 checked=“false”，其计算结果是⼀个字符串

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

打印数据类型：typeof
console.log("num类型："+typeof num);//判断数据的类型

1.1算术运算

Page({
  data: {
    a: 1,
    b: 2,
    c: 3
 }
})

<view> {{a + b}} + {{c}} + d </view>
结果：3 + 3 + d

1.2三目运算（三元运算）

<view hidden="{{flag ? true : false}}"> Hidden </view>

1.3逻辑判断

<view wx:if="{{length > 5}}"> </view>

1.4 字符串运算

Page({
  data:{
    name: 'WeiXin'
 }
})

<view>{{"hello" + name}}</view>
结果：helloWeiXin

2.列表渲染

2.1wx:for
项的变量名默认为 item: wx:for–item 可以指定数组当前元素的变量名
下标变量名默认为 index :wx:for–index 可以指定数组当前下标的变量名
wx:key ⽤来提⾼数组渲染的性能

wx:key 的值以两种形式提供：
1.字符串，代表在 for 循环的 array 中 item 的某个 property，该 property的值需要是列表中唯一的字符串或数字，且不能动态改变。
2.保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要item 本身是一个唯一的字符串或者数字。

3.条件渲染

3.1wx:if
在框架中，使⽤ wx:if="{{condition}}" 来判断是否需要渲染该代码块：

<view wx:if="{{false}}">1</view>
<view wx:elif="{{true}}">2</view>
<view wx:else>3</view>

3.2 hidden

<view hidden="{{condition}}"> True </view>

类似 wx:if
频繁切换 ⽤ hidden
不常使⽤ ⽤ wx:if

wx:if 是直接把标签去除（删除），hidden是通过修改样式（display）来实现隐藏与显示
hidden与样式display不能同时使用