• Page

Page

Page() 函數(shù)用來注冊一個頁面。接受一個 object 參數(shù)，其指定頁面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。

object 參數(shù)說明：

屬性	類型	描述
data	Object	頁面的初始數(shù)據(jù)，詳情請參考初始化數(shù)據(jù)
onInit	Function	監(jiān)聽頁面初始化的生命周期函數(shù)，詳情請參考生命周期函數(shù)
onLoad	Function	監(jiān)聽頁面加載的生命周期函數(shù)，詳情請參考生命周期函數(shù)
onReady	Function	監(jiān)聽頁面初次渲染完成的生命周期函數(shù)，詳情請參考生命周期函數(shù)
onShow	Function	監(jiān)聽頁面顯示的生命周期函數(shù)，詳情請參考生命周期函數(shù)
onHide	Function	監(jiān)聽頁面隱藏的生命周期函數(shù)，詳情請參考生命周期函數(shù)
onUnload	Function	監(jiān)聽頁面卸載的生命周期函數(shù)，詳情請參考生命周期函數(shù)
onForceReLaunch	Function	監(jiān)聽頁面重啟的生命周期函數(shù)，單擊右上角菜單欄的重啟按鈕時觸發(fā)，詳情請參考生命周期函數(shù)
onPullDownRefresh	Function	監(jiān)聽用戶下拉動作，詳情請參考頁面事件處理函數(shù)
onReachBottom	Function	頁面上拉觸底事件的處理函數(shù)，詳情請參考頁面事件處理函數(shù)
onPageScroll	Function	監(jiān)聽用戶滑動頁面，詳情請參考頁面事件處理函數(shù)
onShareAppMessage	Function	用戶點(diǎn)擊右上角轉(zhuǎn)發(fā)，詳情請參考頁面事件處理函數(shù)
onTabItemTap	Function	點(diǎn)擊 tab 時觸發(fā)，詳情請參考頁面事件處理函數(shù)
onURLQueryChange	Function	監(jiān)聽頁面 URL query 改變，詳情請參考頁面事件處理函數(shù)
onError	Function	錯誤監(jiān)聽函數(shù)
其他	不限	開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到 object 參數(shù)中，在頁面的函數(shù)中用 this 可以訪問

代碼示例

• JS

 
 
 

  
  
  
Page({
  
  
  
 data: {
  
  
  
 name: 'swan'
  
  
  
 },
  
  
  
 onInit: function () {
  
  
  
 // Do something when page init.
  
  
  
 },
  
  
  
 onLoad: function () {
  
  
  
 // Do something 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.
  
  
  
 },
  
  
  
 onForceReLaunch() {
  
  
  
 // do something when page force reLaunch
  
  
  
 },
  
  
  
 onPullDownRefresh: function() {
  
  
  
 // Do something when pull down.
  
  
  
 },
  
  
  
 onReachBottom: function() {
  
  
  
 // Do something when page reach bottom.
  
  
  
 },
  
  
  
 onPageScroll: function() {
  
  
  
 // Do something when user slide page.
  
  
  
 },
  
  
  
 onShareAppMessage: function () {
  
  
  
 // return custom share data when user share.
  
  
  
 },
  
  
  
 onTabItemTap: function() {
  
  
  
 // Do something when user click tab.
  
  
  
 },
  
  
  
 onURLQueryChange: function() {
  
  
  
 // Do something when url query change.
  
  
  
 }
  
  
  
});
 
 
 

智能小程序框架，會將同頁面的 .swan 文件與 .js 中定義的 Page 對象中的 data ，進(jìn)行組合渲染。

當(dāng)前標(biāo)題：創(chuàng)新互聯(lián)百度小程序教程：Page
路徑分享：http://www.fisionsoft.com.cn/article/dpdhcdp.html