微信小程序教程02:App(Object)和Page(Object) 构造器介绍

434 阅读2分钟

阅读更多系列文章请访问我的GitHub博客,示例代码请访问这里

在/app.js中,有方法App,它的作用是注册整个小程序的应用,其中可以传入一些配置,或者存储全局状态。

App(Object) 构造器生命周期

属性 类型 描述
onLaunch Function 在小程序初始化时触发,全局仅触发一次
onShow Function 小程序显示时触发,如小程序从悬浮窗显示到前台
onHide Function 小程序隐藏时触发,如小程序收起到悬浮窗
onError Function 出现错误时触发,
onPageNotFound Function 打开不存在页面时触发
其他 Any 可以为全局添加任意参数,在页面中通过const app = getApp()获取应用实例后,即可通过app[propName]访问,也可以通过app[propName]修改它的值,修改后也在全局有效

Page(Object) 构造器生命周期

属性 类型 描述
data Object 页面数据,类似于Vue组件中的data,可以通过this.data[propName]访问
onLoad Function 页面已加载,类似于Vue的created
onShow Function 页面显示的触发
onReady Function 页面初次渲染完成,类似于Vue的mounted
onHide Function 页面隐藏的触发
onUnload Function 页面销毁时触发
onPullDownRefresh Function 下拉刷新时触发
onReachBottom Function 页面上拉触底触发
onShareAppMessage Function 点击右上角分享按钮触发,但只能监听到用户点击,无法获取用户是否成功分享,通常的做法是点击之后,延迟一段时间就判断为已分享
onPageScroll Function 页面滚动触发,类似于window.onscroll
onResize Function 页面尺寸变化时触发,例如手机从竖屏变味横屏
onTabItemTap Function 当前页为tab页时,点击tab时触发
其他 Any 可以为该页面添加任意参数,通过this[propName]可以访问