说明:创建的页面路径必须在app.json中注册(前一页面中已经初步说明)
一个页面可以有wxml,js,wxss,json四个文件组成,文件名必须相同
四个文件详细说明:
wxml:组成页面结构 (必须创建)
js:页面初始化数据和页面逻辑(如:点击事件)(必须)
wxss:页面的页面样式,如果与app.wxss的样式冲突,会优先选用此文件中的样式定义.(非必须)
json:更改app.json中的window配置项内容,页面中配置项会覆盖(非必须)
.js文件中的page()函数
page()函数用来注册一个页面,接收一个object参数,指定页面的初始数据,生命周期函数,事件处理函数等.
object参数说明:
属性 类型 描述
data Object 页面的初始数据
onLoad Function 生命周期函数--监听页面加载
onReady Function 生命周期函数--监听页面初次渲染完成
onShow Function 生命周期函数--监听页面显示
onHide Function 生命周期函数--监听页面隐藏
onUnload Function 生命周期函数--监听页面卸载
onPullDownRefresh Function 页面相关事件处理函数--监听用户下拉动作
onReachBottom Function 页面上拉触底事件的处理函数
onShareAppMessage Function 用户点击右上角转发
onPageScroll Function 页面滚动触发事件的处理函数
其他 Any 开发者可以添加任意的函数或数据到 object 参数中，在页面的函数中用this可以访问
初始化数据
初始化数据将作为页面的第一次渲染。data 将会以 JSON 的形式由逻辑层传至渲染层，所以其数据必须是可以转成 JSON 的格式：字符串，数字，布尔值，对象，数组。
渲染层可以通过WXML对数据进行绑定。
示例代码：
<view>{{text}}</view>
<view>{{array[0].msg}}</view>
Page({
data: {
text:'init data',
array: [{msg:'1'}, {msg:'2'}]
}})
