🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] ## 小程序周期 onload onshow onready onhide ondestorn [TOC] ## 1.在page页面中定义的生命周期方法 ![](images/screenshot_1548300254183.png) ``` onLoad 生命周期函数--监听页面加载 onShow 生命周期函数--监听页面显示 onReady 生命周期函数--监听页面初次渲染完成 onHide 生命周期函数--监听页面隐藏 onUnload 生命周期函数--监听页面卸载 ``` ``` 1、小程序注册完成后,加载页面,触发onLoad方法,一个页面只会调用一次; 2、页面载入后触发onShow方法,显示页面,每次打开页面都会调用一次; 3、首次显示页面,会触发onReady方法,渲染页面和样式,一个页面只会调用一次; 4、当小程序后台运行或跳转到其他页面时,触发onHide方法; 5、当小程序从后台进入前台运行或重新载入页面时,触发onShow方法; 6、当使用wx.readirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload ``` ## 2.组件的生命周期 ``` created 组件实例化,但节点树还未导入,因此这时不能用setData attached 节点树完成,可以用setData渲染节点,但无法操作节点 ready 组件布局完成,这时可以获取节点信息,也可以操作节点 moved 组件实例被移动到树的另一个位置 detached 组件实例从节点树中移除 ```