小程序的生命周期(应用,页面和组件)

小程序生命周期
1.应用生命周期
入口文件 首先调用APP方法

  onLaunch(){
    //应用生命周期 一般情况下,在这个地方获取用户个人微信信息
    console.log("onLaunch");
  },

属性 类型 默认值 必填 说明 最低版本
onLaunch: 监听小程序初始化。 当应用第一次启动就会触发的事件
onShow: 监听小程序启动或切前台。 应用被用户看到 //页面重置
onHide: 监听小程序切后台。 暂停或者清楚定时器
onError: 错误监听函数。当应用的代码发生报错 当应用发生错误的时候, 获取错误信息, 传递给后端服务器
onPageNotFound: 页面不存在监听函数。 1.9.90 当应用第一次启动的时候. 如果找不到第一个入口页面 就会被触发
onUnhandledRejection: 未处理的 Promise 拒绝事件监听函数。 2.10.0
onThemeChange: 监听系统主题变化 2.11.0 系统主题 当微信切换主题模式的时候 小程序也跟着切换主题
2.页面生命周期
页面js 首先调用Page方法
属性 类型 默认值 必填 说明

    onLoad: function (options) {
      //页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数 相当于vue的创建后
        console.log(getApp())
        // getApp().consoleHaha()
    },

onLoad: 生命周期回调—监听页面加载
onShow: 生命周期回调—监听页面显示
onReady: 生命周期回调—监听页面初次渲染完成
onHide: 生命周期回调—监听页面隐藏
onUnload: 生命周期回调—监听页面卸载
onPullDownRefresh: 监听用户下拉动作
onReachBottom: 页面上拉触底事件的处理函数
onShareAppMessage: 用户点击右上角转发
onShareTimeline: 用户点击右上角转发到朋友圈
onAddToFavorites: 用户点击右上角收藏
onPageScroll: 页面滚动触发事件的处理函数
onResize: 页面尺寸改变时触发,详见 响应显示区域变化
onTabItemTap: 当前是 tab 页时,点击 tab 时触发
3.组件生命周期
组件js 首先调用Component方法

   created() {
      console.log("在组件实例刚刚被创建时执行")
    },

created: 组件实例化,但节点树还未导入,因此这时不能用setData
attached: 节点树完成,可以用setData渲染节点,但无法操作节点
ready:(不是onReady) 组件布局完成,这时可以获取节点信息,也可以操作节点
moved: 组件实例被移动到树的另一个位置
detached: 组件实例从节点树中移除

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值