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

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

浏览量:493 时间: 来源:Lee_Chen86

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

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

App(Object) 构造器生命周期

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

Page(Object) 构造器生命周期

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎