學習小程式必掌握的邏輯—Page設定資料以及生命周期

Page對象

詳情可以參考（下方傳送門）

Page微信開放文檔

Page對象的作用

Page(Object)函數用來注冊一:個頁面。 接受-一個 Object類型參數，其指定頁面的初始資料、生命周期回調、事件處理函數等。

資料渲染

需要放在模闆中進行渲染的資料，需要放在Page 對象的data屬性中。示例代碼如下:

Page({
	data: {
		person: {
				username:“Page對象的作用”
				age: 18
				}
		}
})
           

<view>
	{{person.username}}
</view>
           

注意：放到date中的值，隻能使用可以Json序列化的：字元串，布爾值，數字，對象，數組，否則将不會渲染。

Page生命周期

onLoad(Object query)

頁面加載時觸發。一個頁面隻會調用一次，可以在 onLoad 的參數中擷取打開目前頁面路徑中的參數。

onShow()

頁面顯示/切入前台時觸發。

onReady()

頁面初次渲染完成時觸發。一個頁面隻會調用一次，代表頁面已經準備妥當，可以和視圖層進行互動。

注意：對界面内容進行設定的 API 如wx.setNavigationBarTitle，請在onReady之後進行。詳見生命周期

onHide()

頁面隐藏/切入背景時觸發。 如 wx.navigateTo 或底部 tab 切換到其他頁面，小程式切入背景等。

onUnload()

頁面解除安裝時觸發。如wx.redirectTo或wx.navigateBack到其他頁面時。