微信小程序-页面生命周期方法

最新推荐文章于 2024-05-14 13:57:17 发布

JonathanBNTang

最新推荐文章于 2024-05-14 13:57:17 发布

阅读量419

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/XiaohuihuiHuiYi/article/details/130799474

版权

本文通过代码示例展示了小程序中页面从首页跳转到日志页面时，各生命周期方法（onLoad、onShow、onReady、onHide、onUnload）的调用顺序。onLoad和onShow适合进行数据获取，onReady表示页面已渲染完成，onHide用于保存状态，而onUnload则用于释放资源。当点击返回按钮，页面出栈并销毁，会触发onUnload方法。

摘要由CSDN通过智能技术生成

在经过上一篇文章的介绍之后，我们知道了大体的生命周期在什么时候执行，这次主要是以代码的形式来展示一下具体的阶段执行什么生命周期方法。

首先我们编写一个代码可以从首页跳转到日志页面：

<!--index.wxml-->
<text>首页</text>
<navigator url="/pages/logs/logs">跳转到Log页面</navigator>

在日志页面当中编写监听生命周期的方法：

// logs.js
Page({
  onLoad() {
    console.log("onLoad");
  },
  onShow() {
    console.log("onShow");
  },
  onReady() {
    console.log("onReady");
  },
  onHide() {
    console.log("onHide");
  },
  onUnload() {
    console.log("onUnload");
  }
})