微信小程序基础篇之for循环

wxml：

<view> 
  <view class="top-bar"  
  wx:for="{{tablist}}"
  wx:key="id">
  {{item.name}}
  </view>
</view>

js

  /**
   * 页面的初始数据
   */
  data: {
    tablist:[
      {
        name:"首页",
        isActive:true
      },
      {
        name:"原创",
        isActive:false
      },
      {
        name:"分类",
        isActive:false
      },
      {
        name:"关于",
        isActive:false
      },
    ]
  },