微信小程序-配置及生命周期

一、app生命周期

App({
  onLaunch: function () {
    //App Launch ,生命周期函数--监听小程序初始化
    // 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
  },
  onShow: function () {
    // onShow,生命周期函数--监听小程序显示
    // 当小程序启动,或从后台进入前台显示,会触发 onShow
  },
  onHide: function () {
    // onHide,生命周期函数--监听小程序隐藏
    // 当小程序从前台进入后台,会触发 onHide
  }
})

二、page生命周期

Page({
  data:{
    //页面的初始数据
  },
  onLoad:function(options){
    // 生命周期函数--监听页面加载
    // 页面初始化 options为页面跳转所带来的参数
    // 一个页面只会调用一次。
  },
  onReady:function(){
    // 生命周期函数--监听页面初次渲染完成
    // 页面渲染完成
  },
  onShow:function(){
    // 生命周期函数--监听页面显示
    // 页面显示,每次打开页面都会调用一次。
  },
  onHide:function(){
    // 生命周期函数--监听页面隐藏
    // 页面隐藏,当navigateTo或底部tab切换时调用。
  },
  onUnload:function(){
    // 生命周期函数--监听页面卸载
    // 页面关闭,当redirectTo或navigateBack的时候调用。
  }
})

三、页面跳转
1.wx.navigateTo ,压栈式跳转,跳转后首页隐藏 onHide,自带返回
2.wx.redirectTo , 跳转后 首页关闭 onUnload, 不带返回
3.tabBar跳转,页面相互切换 onShowonHide
4.页面传值:跳转链接url后添加参数 url: '../logs/logs?id=1'表示传 id=1 的参数

补充: 跳转方法可以通过 bindtap=“click"绑定点击事件来触发,
也可以直接写在wxml中
<navigator url="../logs/logs?id=23&title=标题>
也可以添加 redirect执行 redirect 跳转
<navigator url="../logs/logs?id=23&title=标题" redirect>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容