data - 實現頁面的初始化資料

• onLoad - 是生命週期函式,用來監聽頁面載入,一個頁面只會呼叫一次,它的引數可以獲取wx.navigateTo和wx.redirectTo及< navigator/>中的query.
• onReady - 同樣是生命週期函式,用來監聽頁面初次渲染完成,一個頁面只會呼叫一次,代表頁面已經準備妥當,可以和檢視層進行互動.對頁面的設定請在onReady之後設定,如wx.setNavigationBarTitle.
• onShow - 生命週期函式,用來監聽頁面顯示,每次頁面開啟都會呼叫一次.
• onHide - 生命週期函式,監聽頁面隱藏”,當wx.navigateTo或者底部tab切換之後呼叫.
• onUpload - 生命週期函式,用來監聽頁面解除安裝.當wx.navigateTo和 navigateBack的時候呼叫.
• onPullDownRefresh - 頁面相關事件處理函式,用來監聽使用者的下拉動作.但是需要在config的window選項中開啟enablePullDownRefresh,當資料重新整理完成之後,可以用wx.stopPullDownRefresh停止當前頁面的下拉重新整理. 
  下面是微信給出的官方程式碼:

Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options)
 
 {
    // Do some initialize when page load.
  },
  onReady: function() {
    // Do something when page ready.
  },
  onShow: function() {
    // Do something when page show.
  },
  onHide: function() {
    // Do something when page hide.
  },
  onUnload: function() {
    // Do something when page close.
  },
  onPullDownRefresh: function
 
() {
    // Do something when pull down
  },
  // Event handler.
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    })
  }
})

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29

上面說了用data屬性來設定頁面的初始化資料,但是如果我們想改變資料裡面的值,怎麼辦?? 
那麼我們就介紹一個微信官方給我們提供的setData()函式,這個函式可以將資料從邏輯層傳送到資料層,同時還可以改變this.data的值. 
setData()接受一個物件引數,讓資料以key,value的形式表示將this.data中key對應的值改變成value. 
下面是微信官方給出的page的生命週期的圖片: 

原創地址:http://blog.csdn.net/qq_28832135/article/details/52796048