.js檔案：

Page({

  /**
   * 頁面的初始資料
   */
  data: {
    datas:[
      { title: '提交申請', txt: '選擇服務型別，填寫基本資訊，提交' },
      { title: '材料稽核', txt: '收到電網企業電話，與電網客戶經理預約實地勘探時間、準備證明材料' },
      { title: '等待業擴配套專案施工', txt: '工作人員按約定時間上門裝表接電' },
      { title: '竣工驗收', txt: '工作人員按約定時間上門竣工驗收' },
      { title: '上門安裝
 
', txt:'工作人員按約定時間上門裝表接電'}
    ]
  }
})

.wxml檔案：

<view class='neir' wx:for="{{datas}}" wx:key="title">
   <!-- 索引為index -->
   <text>{{index+1}}</text>
   <text>{{item.title}}</text>
   <view>{{item.txt}}</view>
</view>

釋：關於wx:for的使用，相信用過angular.js和vue.js等框架的小夥伴們一眼就可以看出來了，沒錯，它們的用法其實是一樣的，這裡我們需要注意的是wx:key的使用

1、wx:key="字串"

這個”字串”代表在 for 迴圈的 datas中 item 的某個“屬性”，比如這裡的title和txt。

2、wx:key="*this"

這個關鍵字（*this）代表在 for 迴圈中的 item 本身，一般在沒有鍵的數組裡面使用，比如這個陣列

arr: [1,2,3,4,5,6,7,8,9]

<view class='neir' wx:for="{{arr}}" wx:key="*this">
   <text>{{item}}</text>
</view>