Skip to content

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

Description

@chencl1986

阅读更多系列文章请访问我的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]可以访问

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions