小程序开发之单页面生命周期

• data

• 页面初始化数据，相当于view的虚拟节点，存放页面需要的数据，

• 类型：Array，Object，Function，String，Number，Null，boolean等

• 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。

• 仅支持设置可 JSON 化的数据。

• 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

• 请不要把 data 中任何一项的 value 设为 undefined ，否则这一项将不被设置并可能遗留一些潜在问题

• onLoad(options)

• 监听页面的加载，加载完成后就不会再执行。

• 可以接受上个页面伴随url传递过来的参数

• onShow()

• 页面加载完成后开始执行，在返回上个页面时会执行

• onHide()

• 离开页面时执行，wx.navigateTo时会执行

• onReady()

• 页面渲染完行

• onUnload()

• 页面卸载时会执行，wx.reLaunch()时会执行

• onPullDownRefresh()

• 页面下拉时触发，可以在这里执行下拉刷新的操作

• onReachBottom()

• 页面上啦触底执行，执行上划加载事件

• 页面触底事件是相对于整个页面而言触底时触发，单个view元素需要用js实现

注：使用上拉加载下拉刷新需要现在json文件中 进行如下配置

{

"enablePullDownRefresh": true,

"backgroundTextStyle": "dark",

"onReachBottomDistance": 50

}

• onShareAppMessage()

• 页面右上角的转发分享事件

• API传送门：https://developers.weixin.qq.com/miniprogram/dev/api/share.html#wxgetshareinfoobject

onShareAppMessage: function (res) {

if (res.from === 'button') {

// 来自页面内转发按钮

console.log(res.target)

}

return {

title: '项目名称',

path: '/pages/xx/xx'

}

}