用户工具

站点工具


mina:life_cycle

差别

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

到此差别页面的链接

两侧同时换到之前的修订记录前一修订版
后一修订版
前一修订版
mina:life_cycle [2020/08/26 23:04] – ↷ 页面名由mina:8.life_cycle改为mina:life_cycle sabertoymina:life_cycle [2024/06/23 08:29] (当前版本) 争当好青年
行 1: 行 1:
 ====== 8.生命周期 ====== ====== 8.生命周期 ======
 +
 +===== -# 应用生命周期 =====
 +
 +[[https://juejin.im/post/6844903873505656839|微信小程序实战教程]]
 +<code javascript>
 +App({
 +  onLaunch (options) {
 +    //初始化完成后执行
 +  },
 +  onShow (options) {
 +    //进入小程序后执行
 +  },
 +  onHide () {
 +    //离开小程序后执行,注意不是销毁,如切换其他App时,微信处于后台中,这时调用onHide
 +  },
 +  onError (msg) {
 +    //小程序出错时执行
 +  }
 +});
 +</code> 
 +===== -# 页面的生命周期 =====
 +
 +[[https://juejin.im/post/6844903873505656839|微信小程序实战教程]]
 +
 +<code javascript>
 +Page({
 +  onLoad: function(options) {
 +    //页面初始化后执行
 +  },
 +  onReady: function() {
 +    //初次渲染结束执行
 +  },
 +  onShow: function() {
 +    //进入页面执行
 +  },
 +  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.1598454245.txt.gz · 最后更改: 2020/08/26 23:04 (外部编辑)