1.1创建页面及页面的组成

说明:创建的页面路径必须在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'}]  

}})