首页IT科技微信小程序的onload生命周期(小程序中的生命周期有哪些?)

微信小程序的onload生命周期(小程序中的生命周期有哪些?)

时间2025-04-30 13:27:50分类IT科技浏览3921
导读:一、小程序中生命周期的分类...

一            、小程序中生命周期的分类

小程序中的生命周期有以下三种:

(1)应用生命周期

小程序的生命周期函数是在app.js中调用            ,通过App(Object)函数用来注册一个小程序                  ,指定其小程序的生命周期回调

(2)页面生命周期

页面生命周期函数就是每进入到一个新的页面的时候      ,就会调用的生命周期函数      ,通过App(Object)函数用来注册一个小页面

(3)组件生命周期

组件的生命周期是指组件自身的一些函数                  ,当满足某些条件时就会被触发            ,通过Components(Object)来注册组件

二                  、分别有哪些生命周期?

(1)应用生命周期

onLanch: 小程序初始化完成时触发      ,全局只触发一次

onShow: 小程序启动                  ,或从后台进入前台时触发

onHide: 小程序从后台进入前台时触发(如底部tab栏切换到其他页面)

onEerror:小程序发生错误或者API调用报错时触发

onPageNotFound: 小程序要打开的页面不存在时触发

onUnhandleRejection:小程序有未处理的Promise拒绝时触发

onThemeChange:系统切换主题时触发

(2)页面生命周期

onLoad: 监听页面加载(只会调用一次            ,可获取当前页面路径的参数,相当于view中的created)

onShow: 监听页面显示(发送请求获取数据)

onReady:监听页面初次渲染完成(获取页面元素                  ,相当于view中的mounted)

onHide:监听页面隐藏(如底部tab栏切换到其他页面或小程序切入后台等触发)

onUnload:监听页面卸载(如redirectTo或navigateBack到其他页面时触发)

(3)组件生命周期

created:监听页面加载

attached:监听页面显示(这个生命周期用的多                  ,绝大多数初始化工作可以在这里进行)

ready:监听页面初次渲染完成

moved:监听页面隐藏

detached:监听页面卸载

error:每当组件方法抛出错误时间

补充:

还有一些特殊的生命周期,虽然和组件的关联不是很大            ,但有时候组件需要用到                  ,以便组件内部处理      ,这样的生命周期称为“组件所在页面的生命周期            ” (pageLifetimes)            ,如下:

生命周期:

show :组件所在的页面被展示时执行

hide:组件所在的页面被隐藏时执行

Component({

//组件所在页面的生命周期

  pageLifetimes: {

    show: function() {

    },

    hide: function() {

    },

  }

})

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
cannot find module typescript(【笔记】internal/modules/cjs/loader.js:985 throw err; ^ Error: Cannot find module ‘node:util‘) json格式怎么用(json 格式字符串)