微信小程序生命周期指的是小程序从启动到销毁的整个过程中,系统调用的各个阶段方法。了解和合理使用生命周期方法可以帮助开发者控制小程序的初始化、页面渲染、数据更新等关键时刻,提升用户体验和应用性能。
主要生命周期方法:
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');
}
});
微信小程序的生命周期方法可以帮助开发者在不同阶段执行特定的逻辑,例如数据初始化、页面渲染、资源释放等,有效控制应用的行为和性能。