==================== 条件渲染 =============

<view wx:if="{{condition}}">条件满足显示</view>

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

<view wx:elif="{{length > 3}}"> 2222222222 </view>

<view wx:else> 33333333</view>

<block wx:if="{{condition}}">

  <text>快要国庆了</text>

  <view>我很快乐</view>

</block>

==================== 列表渲染 =============

<!-- <view wx:for="{{clazz2}}">

  <view>{{index}}--{{item.name}} -- {{item.num}} 人</view>

</view> -->

<view wx:for="{{clazz2}}" wx:for-item="hh" wx:key="index">

  <view>{{index}}--{{hh.name}} -- {{hh.num}} 人</view>

</view>

===========JS 中写 data ==========

data: {

    condition:true,

    length:4,

    clazz:['人工智能','物联网','大数据','区块链'],

    clazz2:[

      {

        name:'人工智能',num:46

      },

      {

        name:'物联网',num:36

      },

      {

        name:'大数据',num:51

      },

      {

        name:'区块链',num:31

      },

    ]

}