之前在官方文档时看到 wx:for 和 wx:if 不能在一个元素中使用，官方给出的解释是不知道是先循环再判断条件，还是先判断条件在循环。

```

<view wx:for="">

    <view wx:if>

    </view>

</view>

```

今天在 Vue 的文档时看到里面也有类似的问题，它的处理方法是默认 for 比 if 的优先级要高，也就是先循环再判断条件。

```

<view wx:for="" wx:if="">

```

这种细微的改变会让 html/wxml 结构没有那么地深，如果只是一个还好，如果一个页面多处使用 wx:for 和 wx:if 同时使用的场景，并且存在嵌套关系，那么写出来的代码会呈现 js 中箭头函数的样子。