小程序开发入门

<view>{{ message }}</view>

Page({

  /**
   * 页面的初始数据
   */
  data: {
    message: 'Hello World!'
  }

})

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName" wx:key="*this">
  {{idx}}: {{itemName.message}}
</view>

Page({
  data: {
    array: [{
      message: 'foo',
    }, {
      message: 'bar'
    }]
  }
})

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

Page({

  data: {
    length: 0
  }
})

<view>
  <button type="button" bindtap="addCount">
    count is: {{ count }}
  </button>
</view>

Page({

  data: {
    count: 0
  },

  addCount() {
    // this.data.count = this.data.count + 1 不会引起视图更新
    this.setData({
      count: this.data.count + 1
    })
  }
})