uni-app页面生命周期(微信小程序)与vue生命周期的执行顺序

本文总结了uni-app在微信小程序环境中的页面生命周期函数,包括onInit、onLaunch、onLoad、onShow、onReady、onHide和onUnload。同时,详细阐述了vue的生命周期,如beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。uni-app中vue的生命周期执行顺序是:beforeCreate、onLoad、created、onShow、beforeMount、onReady、mounted、beforeUpdate、updated。返回上一页时,执行onUnLoad,但不执行destroyed和onHide。
摘要由CSDN通过智能技术生成
  • 最近接受一个新项目用的uni-app写小程序,自己翻了很多文档,总结一下:
  • uni-app的页面生命周期函数(微信小程序):
    • onInit
      监听页面初始化,为上个页面传递的数据,参数类型为 Object(用于页面传参),触发时机早于 onLoad
    • onLaunch:function(){//当uni-app 初始化完成时触发(全局只触发一次)

                 console.log('App onLaunch')

      }

    • onLoad
      监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参)

      onLoad() {

                   console.log('onLoad');

       },

    • onShow   监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面     
      onShow: function() {//当 uni-app 启动,或从后台进入前台显示
    •             console.log('App
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值