微信小程序的Page页面的生命周期

最新推荐文章于 2025-10-09 13:35:31 发布

原创

最新推荐文章于 2025-10-09 13:35:31 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了微信小程序中Page页面的生命周期，将其与Android的Activity生命周期进行对比，并详细阐述了Page构造器及其对象参数。文章重点提及了Page的生命周期函数，如onLoad、onShow、onReady、onHide和onUnload，帮助读者理解在不同阶段应进行的业务操作。

我们知道Android中关于Activity的生命周期有什么onCreate() onStart() onResume() onStop()等，在android中Activity对应的是一个界面,那么Page在微信小程序对应的也是一个界面,它也有属于自己的声明周期,我们查看官网文档:

页面Page

Page(Object) 构造器

Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等

Object 参数说明：

属性	类型	描述
data	Object	页面的初始数据
onLoad	Function	生命周期回调—监听页面加载

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhoushenxian

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序生命周期函数介绍

我的博客

02-20

785

作用域生命周期函数适用场景小程序（App 级）onLaunch()小程序初始化（只执行一次）onShow()进入前台（恢复操作）onHide()进入后台（存储数据）onError()捕获 JS 错误处理 404 页面页面（Page 级）onLoad()页面加载（接收参数）onShow()页面显示（刷新数据）onReady()页面渲染完成（适合 DOM 操作）onHide()页面隐藏（存储状态）onUnload()页面关闭（释放资源）

为初学者解析微信小程序的生命周期

qq_67153941的博客

05-04

816

在 Component 的生命周期中，可以进行组件的初始化操作，比如设置组件的数据、监听组件的事件等。在 Page 的生命周期中，可以进行页面的初始化操作，比如获取页面的参数、设置页面的数据等。在 App 的生命周期中，可以进行全局的初始化操作，比如注册全局的数据、监听全局的事件等。1.1. onLaunch：小程序初始化时触发，可以在这里进行全局的初始化操作，如注册全局的数据、监听全局的事件等。2.1. onLoad：页面加载时触发，可以在这里进行页面的初始化操作，如获取参数、设置数据等。

参与评论您还未登录，请先登录后发表或查看评论

小程序初体验——2、页面：Page生命周期及用法

Chen_xiaobao的博客

03-08

531

注册小程序中的一个页面，其指定页面的初始数据、生命周期回调、事件处理函数等。 //index.js Page({ data: { text: "This is page data." }, //生命周期回调—监听页面加载 onLoad: function(options) { // Do some initialize when page load. }, ...

微信小程序的全局生命周期和页面生命周期

qq_51593012的博客

08-17

3475

生命周期是指一个程序或者软件从创建、到开始、暂停、唤起、停止、卸载的过程，由于微信小程序分为全局和页面两部分，所有从这两部分来讲解微信小程序的生命周期。

一文看完微信小程序开发生命周期

二饭的博客

09-16

367

通俗点讲，生命周期就是指一个对象的生老病死。从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。本篇内容从和两个方面介绍的生命周期。应用生命周期方法在app.js。

微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）

热门推荐

newsxy的专栏

08-25

1万+

2、A页面navigateTo B页面：A执行onHide()，B执行onLoad()–>onShow()–>onReady()；3、首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。3、当小程序从后台进入到前台，先执行应用onShow方法再执行页面onShow方法。1、小程序注册完成后，加载页面，触发onLoad方法，一个页面只会调用一次。2、页面载入后触发onShow方法，显示页面，每次打开页面都会调用一次。2、小程序初始化完成后，触发onShow方法，监听小程序显示。

Page类和回调技术

takeshe的专栏

11-11

728

asp.net夜话之五：Page类和回调技术在今天我主要要介绍的有如下知识点：Page类介绍Page的生命周期IsPostBack属性ClientScriptManager类回调技术(CallBack)其中Page_Load就是页面加载的时候在服务器上运行的方法。单页模型的特点是HTML标记、控件代码及服务器端运行的C#代码全部包含在一个aspx页面中，Web服务器第一次运行该页面的时候会

微信小程序Page监听数据变化不能使用observers

m0_48334955的博客

04-25

3416

众所周知，微信小程序的数据observers只能在自定义组件中使用，如果想要在页面中实现类似的功能，就只有通过其他的方法。其一就是通过模拟vue的watch来监听数据变化。那么Page中应该怎样监听呢？

微信小程序page的生命周期和音频播放及监听实例详解

08-30

在微信小程序开发中，页面的生命周期是一系列函数，这些函数在页面被创建、打开、隐藏、销毁等过程中被调用，开发者可以通过这些函数来实现特定的功能。主要包括以下几种生命周期函数： - onLoad：页面加载时触发。...

深入理解微信小程序页面生命周期：从创建到卸载的全过程

2202_75871191的博客

06-24

706

5. 页面卸载：用户长时间未操作，或者小程序被关闭，页面会被卸载，`onUnload`钩子在此时被调用，这是保存数据的最后机会。* 注意页面间的通信，如使用`wx.navigateTo`、`wx.reLaunch`等时，需要处理好前一个页面的生命周期。3. 页面交互：用户与页面进行交互时，如点击按钮、输入数据等，可能触发`onReady`钩子，此时页面数据已准备完毕。2. 页面显示：`onShow`钩子在页面加载完成后，且页面可见时调用，执行页面展示相关的操作。二、页面生命周期概述。

微信小程序的页面生命周期 以及onShow的应用场景

最新发布

克里斯蒂亚诺更新的博客

10-09

536

微信小程序，有一个tabbar底部菜单页面是 pages/orders/orders 这个页面点击后跳转后到 pages/details/details中。// 示例：this.setData({ id: options.id })console.log('页面滚动', e.scrollTop)// 示例：this.getLatestData()console.log('页面初次渲染完成')// 用途：接收页面参数、初始化页面数据。console.log('页面显示')// 用途：刷新数据、开始动画等。

wechat-mini-stateChange:微信小程序页面状态监听，跨页面通信

03-25

微信迷你状态更改 微信小程序页面状态监听利用Object.definedProperty实现A页面状态更改=> B页面方法执行 app.js //状态管理 watchCallBack: { } , watchingKeys : [ ] , // 利用Object.definedProperty 建立监听关系并触发cb $watch ( key , cb ) { this . watchCallBack = Object . assign ( { } , this . watchCallBack , { [ key ] : this . watchCallBack [ key ] || [ ] } ) ; if ( ! this . watchCallBack [ key ] ) this . watchCallBack [ key ] = [ ] ; this .

卜若的代码笔记系列-微信小程序系列-第三章：微信小程序的webview的使用

qq_37080133的博客

02-06

377

<web-view src="https://www.baidu.com"></web-view> 注意1：如果你的服务器（或者你访问的服务器是非业务域名，你需要禁止校验）

【微信小程序】小程序应用和页面生命周期

苏凉.py的博客

08-05

4327

生命周期(Life Cycle）是指一个对象从创建→>运行>销毁的整个阶段，强调的是一个时间段。张三出生，表示这个人生命周期的开始张三离世，表示这个人生命周期的结束中间张三的一生，就是张三的生命周期小程序的启动，表示生命周期的开始小程序的关闭，表示生命周期的结束中间小程序运行的过程，就是小程序的生命周期。...

onPageStateChange在iphone上的2大坑点

SilenceJude的博客

11-24

2893

用法: 坑点： 1、在安卓和iphone下返回的值不一样。 2、在部分iphone机型下，只有点击小程序右上角的圆点返回才能触发！！！用法: onPageStateChange这个api，从微信7.0.3开始，webview内可以通过判断下面的方式判断小程序是否在前台： WeixinJSBridge.on('onPageStateChange', function(res) { console.log('res is active', res.active) }) 有了这个api，..

微信小程序开发系列（二十七）·小程序生命周期详细介绍

时光の尘的博客

03-11

4558

一个小程序完整的生命周期由应用生命周期页面生命周期和组件生命周期三部分来组成。应用生命周期：是指应用程序进程从创建到消亡的整个过程。小程序的生命：周期指的是小程序从启动到销毁的整个过程。小程序生命周期伴随着一些函数，这些函数由小程序框架本身提供，被称为生命周期函数，生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作，辅助程序员完成一些比较复杂的逻辑。

微信小程序-生命周期

iOS_HC的博客

02-07

1183

2、启动时异步更新：在启动前没有发现更新，小程序每次冷启动时，都会异步检查是否有更新版本。在启动时异步更新情况下，如果开发者希望可以立即版本更新，可以使用 wx.getUpdateManager API 进行处理，在有新版本时提示用户重启小程序更新版本。如果有更新，下次小程序启动时会同步进行更新，更新到最新版本后再打开小程序。在访问小程序时，微信会将小程序的代码包缓存到本地，在开发者发布了新的小程序版本后，微信客户端会检查本地缓存的小程序有没有新版本，并进行小程序代码包的更新。

vue h5页面内嵌小程序解决监听h5页面返回事件

qq_42483955的博客

05-20

2912

很多公司的项目为了减小重复的开发量。会让内嵌的app中的h5页面同时适配小程序。很多时候需要解决小程序中h5页面跳转别的页面再回来做一些操作。下面介绍监听返回的方法。 1.在vue项目中引入weixin-js-sdk，然后在main.js或者需要用到的页面引入weixin-js-sdk import wx from ‘weixin-js-sdk’ 2.将跳转方式改成新打开一个webview页面：下面是做成一个公用的方法 openWebviewPage(newUrl) { // 新打开一个webview页面

微信小程序page页面生命周期详解

mingcodes的博客

12-18

947

通过App()注册完成小程序之后，框架就开始注册页面，同样的Page()也是有生命周期的。当页面注册完成之后，可以在 page.js 文件中调用 getCurrentPage() 方法，获取当前页面对象。以下是page()中函数说明 //index.js Page({ data: { text: "This is page data." //data 是页面第一次渲染使用的初始...

微信小程序App与页面生命周期详解

微信小程序的生命周期和页面生命周期是开发过程中极其重要的概念，它们确保了应用程序在不同阶段的行为和状态管理。本文档详细介绍了这两个关键知识点，对于理解和优化小程序性能以及实现流畅用户体验至关重要。 ...