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

• 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'

    }

}