# page.js 在每個頁面路徑下，需要建立一個跟頁面文件同名的 js，用于處理當前頁面的一些邏輯。 `Page()` 函數用來注冊一個頁面。接受一個 object 參數，其指定頁面的初始數據、生命周期函數、事件處理函數等。 **object 參數說明：** | 屬性 | 類型 | 描述 | | ---------------------------------------- | -------- | ---------------------------------------- | | [data](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html#%E5%88%9D%E5%A7%8B%E5%8C%96%E6%95%B0%E6%8D%AE) | Object | 頁面的初始數據 | | onLoad | Function | 生命周期函數--監聽頁面加載 | | onReady | Function | 生命周期函數--監聽頁面初次渲染完成 | | onShow | Function | 生命周期函數--監聽頁面顯示 | | onHide | Function | 生命周期函數--監聽頁面隱藏 | | onUnload | Function | 生命周期函數--監聽頁面卸載 | | onPullDownRefresh | Function | 頁面相關事件處理函數--監聽用戶下拉動作 | | onReachBottom | Function | 頁面上拉觸底事件的處理函數 | | onShareAppMessage | Function | 用戶點擊右上角轉發 | | onPageScroll | Function | 頁面滾動觸發事件的處理函數 | | onTabItemTap | Function | 當前是 tab 頁時，點擊 tab 時觸發 | | 其他 | Any | 開發者可以添加任意的函數或數據到 object 參數中，在頁面的函數中用 `this` 可以訪問 | **object 內容在頁面加載時會進行一次深拷貝，需考慮數據大小對頁面加載的開銷** **示例代碼：** ``` //index.js 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. }, onReachBottom: function() { // Do something when page reach bottom. }, onShareAppMessage: function () { // return custom share data when user share. }, onPageScroll: function() { // Do something when page scroll }, onTabItemTap(item) { console.log(item.index) console.log(item.pagePath) console.log(item.text) }, // Event handler. viewTap: function() { this.setData({ text: 'Set some data for updating view.' }, function() { // this is setData callback }) }, customData: { hi: 'MINA' } }) ```