4-微信小程序条件渲染

1）条件渲染

打再标签中，判断是否显示

写法：

<view wx:if="{{+变量或条件}}">
越努力越幸运
</view>
<view wx:else>
</view>

if和hidden：都能够条件式的隐藏标签，但 if 适用于不频繁切换的场景 ；hidden 适用频繁切换的场景。

---

2）列表渲染

就是循环式的显示标签

写法：

<view wx:for="{{[“根特皇宫”,“记忆之地”,“无底坑道]}}">
{{index}}:{{item}}
</view>

默认的循环变量：
{{index}}→序号
{{item}}→变量值

例如上面的结果是：

1：根特皇宫
2：记忆之地
3：无底坑道

也许你觉得用item和index太丑了，可以用wx:for-item=“XXX”和wx:for-index="XXX"来更换。

---

这里补充一个标签：

<block></block>

这个在WX里面是没有的，但可以用它来统筹wx:if或wx:for的代码