mina:life_cycle

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

--- mina:life_cycle [2020/08/26 23:07] – [1. 应用生命周期] sabertoy
+++ mina:life_cycle [2024/06/23 08:29] (当前版本) – 争当好青年
@@ 行 1: / 行 1: @@
 ====== 8.生命周期 ======
-===== -#1 应用生命周期 =====
+===== -# 应用生命周期 =====
 [[https://juejin.im/post/6844903873505656839|微信小程序实战教程]]
@@ 行 20: / 行 20: @@
 });
 </code>
-===== -#2 页面的生命周期 =====
+===== -# 页面的生命周期 =====
+[[https://juejin.im/post/6844903873505656839|微信小程序实战教程]]
 <code javascript>
-App({
+Page({
-  onLaunch (options) {
+  onLoad: function(options) {
-    //初始化完成后执行
+    //页面初始化后执行
   },
-  onShow (options) {
+  onReady: function() {
-    //进入小程序后执行
+    //初次渲染结束执行
   },
-  onHide () {
+  onShow: function() {
-    //离开小程序后执行，注意不是销毁，如切换其他App时，微信处于后台中，这时调用onHide
+    //进入页面执行
   },
-  onError (msg) {
+  onHide: function() {
-    //小程序出错时执行
+//页面隐藏/切入后台时触发，如 wx.navigateTo 或底部 tab 切换到其他页面，小程序切入后台等
+  },
+  onUnload: function() {
+    //页面卸载时触发。如wx.redirectTo或wx.navigateBack到其他页面时。
+  },
+  onPullDownRefresh: function() {
+    // Do something when pull down.监听下拉刷新事件,必须开启enablePullDownRefresh
+  },
+  onReachBottom: function() {
+    // Do something when page reach bottom. 监听用户上拉触底事件
+  },
+  onShareAppMessage: function () {
+    // return custom share data when user share.点击转发按钮
+  },
+  onPageScroll: function() {
+    // Do something when page scroll 页面滚动事件
+  },
+  onResize: function() {
+    // Do something when page resize旋转屏幕触发
+  },
+  onTabItemTap(item) {
+    console.log(item.index)
+    console.log(item.pagePath)
+    console.log(item.text)
+  },
+  // Event handler.
+  viewTap: function() {
+    this.setData({
+      text: 'Set some data for updating view.'
+    }, function() {
+      // this is setData callback
+    })
+  },
+  customData: {
+    hi: 'MINA'
   }
-});
+})
 </code>
 ===== -#3 组件生命周期 =====
+[[https://juejin.im/post/6844903873505656839|微信小程序实战教程]]
+<code javascript>
+Component({
+  lifetimes: {
+	created:function() {
+		//组件实例化的时候执行，此时不能调用setData()
+	}
+    attached: function() {
+      // 在组件实例进入页面节点树时执行
+    },
+    detached: function() {
+      // 在组件实例被从页面节点树移除时执行
+    },
+  },
+});
+</code>

mina/life_cycle.1598454448.txt.gz · 最后更改: 2020/08/26 23:07 由 sabertoy