微信小程序 - 生命周期

 

生命周期

 

 

1.小程序注册完成后，加载页面，触发onLoad方法。（切记，onShow和onLoad的区别，onShow是每当进入这个页面时就会触发，而onload是载入进来时才触发）

 

 

2.页面载入后触发onShow方法，显示页面。

 

 

 

3.首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。

 

 

 

4.当小程序后台运行或跳转到其他页面时，触发onHide方法。

 

 

5.当小程序从后台进入到前台运行或重新进入页面时，触发onShow方法。（切记，onShow和onLoad的区别，onShow是每当进入这个页面时就会触发，而onload是载入进来时才触发）

 

 

 

 

6.当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload

 

 

 

7. 当从非tabbar页面切换到tabbar页面时，会被销毁

 

8. onLaunch只有App.js才有

 

 

 

复制代码
 1 Page({
 2 
 3   /**
 4    * 页面的初始数据
 5    */
 6   data: {
 7 
 8   },
 9 
10   /**
11    * 生命周期函数--监听页面加载
12    */
13   onLoad: function (options) {
14     console.log('加载... - Index2');
15   },
16 
17   /**
18    * 生命周期函数--监听页面初次渲染完成
19    */
20   onReady: function () {
21     console.log('首次渲染完成... - Index2');
22   },
23 
24   /**
25    * 生命周期函数--监听页面显示
26    */
27   onShow: function () {
28     console.log('页面显示.. - Index2');
29   },
30 
31   /**
32    * 生命周期函数--监听页面隐藏
33    */
34   onHide: function () {
35     console.log('页面隐藏.. - Index2');
36   },
37 
38   /**
39    * 生命周期函数--监听页面卸载
40    */
41   onUnload: function () {
42     console.log('页面卸载... - Index2');
43   },
44 
45   /**
46    * 页面相关事件处理函数--监听用户下拉动作
47    */
48   onPullDownRefresh: function () {
49 
50   },
51 
52   /**
53    * 页面上拉触底事件的处理函数
54    */
55   onReachBottom: function () {
56 
57   },
58 
59   /**
60    * 用户点击右上角分享
61    */
62   onShareAppMessage: function () {
63 
64   }
65 })
复制代码

 

详细的官方API，点击查看

示例源码：点击下载

posted @   Sunsin  阅读(3501)  评论(0)  编辑  收藏  举报
点击右上角即可分享
微信分享提示