小程序的条件和列表渲染

小程序的条件渲染，就是对数据进行有选择的显示，
wx:if 和hidden
先在wxml文件中

<view wx:if="{{count%2==0}}">偶数</view>
<view wx:elif="{{count%2!=0}}">奇数</view>
<view wx:else>123</view>

当我们连续点击按钮会发现页面发生变化，根据条件显示偶数或者奇数，如果我们希望某一个条件下显示多个组件，可以使用block

<block wx:if="{{count%2==0}}">
  <text>偶数block</text>
  <image src="/pages/images/1.png"></image>
</block>

还有另一种方法hidden
等于2hidden
效果是一样的，建议频繁切换使用hidden，复杂变化使用if

列表渲染
wx:for
现在wxml文件中写上组件，array和list在js文件的data里设置好

<view wx:for="{{array}}">
 索引：{{index}}当前： {{item}}
</view>
<view wx:for="{{list}}" wx:key="id">
  {{item.name}}
</view>

data: {
    info:'hello',
  count:0,
  array:['q','w','e','a'],
  list:[{id:'1',name:'qaz'},{id:'2',name:'wsx'}]
  },

列表渲染也是可以使用block的，可以自己多尝试