小程序的生命周期

本文介绍了小程序的生命周期,包括应用的onLaunch、onShow、onHide函数;页面的onLoad、onShow、onReady、onHide、onUnload函数;以及组件的created、attached、ready、moved、detached和error等生命周期函数,详细阐述了各个阶段的功能和执行时机。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

生命周期的分类

1、应用的生命周期

App({
  // 监听小程序初始化
  onLaunch (options) {
     ...
  },
 
  // 监听小程序启动显示
  onShow (options) {
     ...
  },
 
  // 监听小程序隐藏(切入后台时)
  onHide () {
     ...
  },
})

2、页面的生命周期函数

//index.js
Page({
  // 监听页面加载,一个页面只调用一次
  onLoad: function(options) {
      ...
  },
 
  // 页面显示时
  onShow: function() {
     ...
  },
 
  // 页面初次渲染完毕
  onReady: function() {
     ...
  },
 
  // 页面隐藏
  onHide: function() {
     ...
  },
 
  // 页面卸载
  onUnload: function() {
     ...
  },
})
 

3、组件的生命周期函数

Component({
  // 在该字段下声明
  lifetimes: {
 
    created: function() {
      // 在组件实例被创建时,会触发
    },
 
    attached: function() {
      // 在组件实例进入页面节点树时执行
    },
 
    ready: function() {
      // 在组件在视图层布局完成后执行
    },
 
    moved: function() {
      // 在组件实例被移动到节点树另一个位置时执行
    },
 
    detached: function() {
      // 在组件实例被从页面节点树移除时执行
    },
 
    error: function() {
      // 每当组件方法抛出错误时执行
    },
 
  },
  
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值