說(shuō)明:創(chuàng)建的頁(yè)面路徑必須在app.json中注冊(cè)(前一頁(yè)面中已經(jīng)初步說(shuō)明)
一個(gè)頁(yè)面可以有wxml,js,wxss,json四個(gè)文件組成,文件名必須相同
四個(gè)文件詳細(xì)說(shuō)明:
wxml:組成頁(yè)面結(jié)構(gòu) (必須創(chuàng)建)
js:頁(yè)面初始化數(shù)據(jù)和頁(yè)面邏輯(如:點(diǎn)擊事件)(必須)
wxss:頁(yè)面的頁(yè)面樣式,如果與app.wxss的樣式?jīng)_突,會(huì)優(yōu)先選用此文件中的樣式定義.(非必須)
json:更改app.json中的window配置項(xiàng)內(nèi)容,頁(yè)面中配置項(xiàng)會(huì)覆蓋(非必須)
.js文件中的page()函數(shù)
page()函數(shù)用來(lái)注冊(cè)一個(gè)頁(yè)面,接收一個(gè)object參數(shù),指定頁(yè)面的初始數(shù)據(jù),生命周期函數(shù),事件處理函數(shù)等.
object參數(shù)說(shuō)明:
屬性????????????????????類型? ? ? ?????描述
data????????????????????Object? ? ? ? 頁(yè)面的初始數(shù)據(jù)
onLoad? ? ? ? ? ? ? ?Function? ? ?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
onReady? ? ? ? ? ? ?Function? ? ?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面初次渲染完成
onShow? ? ? ? ? ? ? Function? ? ? 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示
onHide? ? ? ? ? ? ? ? Function? ? ? 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面隱藏
onUnload????????????Function? ? ? 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載
onPullDownRefresh????????Function????????頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽(tīng)用戶下拉動(dòng)作
onReachBottom????Function????????頁(yè)面上拉觸底事件的處理函數(shù)
onShareAppMessage? ? ?Function? ? ? ? ?用戶點(diǎn)擊右上角轉(zhuǎn)發(fā)
onPageScroll????????Function? ? ? ? ? 頁(yè)面滾動(dòng)觸發(fā)事件的處理函數(shù)
其他????????????????????Any????????????????開(kāi)發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到 object 參數(shù)中激涤，在頁(yè)面的函數(shù)中用this可以訪問(wèn)
初始化數(shù)據(jù)
初始化數(shù)據(jù)將作為頁(yè)面的第一次渲染。data 將會(huì)以 JSON 的形式由邏輯層傳至渲染層，所以其數(shù)據(jù)必須是可以轉(zhuǎn)成 JSON 的格式：字符串褂微，數(shù)字童社，布爾值，對(duì)象十艾，數(shù)組。
渲染層可以通過(guò)WXML對(duì)數(shù)據(jù)進(jìn)行綁定。
示例代碼：
<view>{{text}}</view>
<view>{{array[0].msg}}</view>
Page({??
data: {? ??
text:'init data',? ?
?array: [{msg:'1'}, {msg:'2'}]??
}})
