微信小程序 生命周期

微信小程序生命周期指的是小程序从启动到销毁的整个过程中,系统调用的各个阶段方法。了解和合理使用生命周期方法可以帮助开发者控制小程序的初始化、页面渲染、数据更新等关键时刻,提升用户体验和应用性能。

主要生命周期方法:
1.App 全局生命周期

onLaunch(options):小程序初始化完成时触发,可以获取启动参数。
onShow(options):小程序启动或从后台进入前台时触发,可以获取启动参数。
onHide():小程序从前台进入后台时触发。

2.Page 页面生命周期

onLoad(options):页面加载时触发,可以获取页面参数。
onShow():页面显示时触发。
onReady():页面初次渲染完成时触发。
onHide():页面隐藏时触发。
onUnload():页面卸载时触发。
3.Component 组件生命周期

created():组件实例被创建时触发,此时组件数据 data 已准备完毕。
attached():组件被添加到页面节点树时触发。
ready():组件布局完成时触发。
moved():组件被移动到另一个位置时触发。
detached():组件被移除时触发。
使用示例:
javascript
// App 全局生命周期示例

App({
  onLaunch(options) {
    console.log('App onLaunch', options);
  },
  onShow(options) {
    console.log('App onShow', options);
  },
  onHide() {
    console.log('App onHide');
  }
});

// Page 页面生命周期示例

Page({
  onLoad(options) {
    console.log('Page onLoad', options);
  },
  onShow() {
    console.log('Page onShow');
  },
  onReady() {
    console.log('Page onReady');
  },
  onHide() {
    console.log('Page onHide');
  },
  onUnload() {
    console.log('Page onUnload');
  }
});

// Component 组件生命周期示例
Component({
  created() {
    console.log('Component created');
  },
  attached() {
    console.log('Component attached');
  },
  ready() {
    console.log('Component ready');
  },
  moved() {
    console.log('Component moved');
  },
  detached() {
    console.log('Component detached');
  }
});

微信小程序的生命周期方法可以帮助开发者在不同阶段执行特定的逻辑,例如数据初始化、页面渲染、资源释放等,有效控制应用的行为和性能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值