微信小程序中的所有生命周期钩子函数及其使用方法

这篇具有很好参考价值的文章主要介绍了微信小程序中的所有生命周期钩子函数及其使用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、应用生命周期钩子

  • onLaunch(options):小程序初始化时触发,全局只触发一次。
App({
  onLaunch: function(options) {
    // 在小程序初始化时执行的代码
  }
})
  • onShow(options):小程序启动或从后台进入前台显示时触发。
App({
  onShow: function(options) {
    // 在小程序启动或从后台进入前台时执行的代码
  }
})
  • onHide():小程序从前台进入后台时触发。
App({
  onHide: function() {
    // 在小程序从前台进入后台时执行的代码
  }
})
  • onError(error):小程序发生脚本错误或 API 调用失败时触发。
App({
  onError: function(error) {
    // 在小程序发生错误时执行的代码
  }
})

二、页面生命周期钩子

  • onLoad(options):页面加载时触发,可以获取页面参数。
Page({
  onLoad: function(options) {
    // 在页面加载时执行的代码,可以使用options参数获取页面参数
  }
})
  • onShow():页面显示时触发。
Page({
  onShow: function() {
    // 在页面显示时执行的代码
  }
})
  • onReady():页面初次渲染完成时触发。
Page({
  onReady: function() {
    // 在页面初次渲染完成时执行的代码
  }
})
  • onHide():页面隐藏时触发。
Page({
  onHide: function() {
    // 在页面隐藏时执行的代码
  }
})
  • onUnload():页面卸载时触发。
Page({
  onUnload: function() {
    // 在页面卸载时执行的代码
  }
})

三、组件生命周期钩子

  • created():组件实例刚刚被创建,属性计算和方法定义之前触发。
Component({
  created: function() {
    // 在组件实例被创建时执行的代码
  }
})
  • attached():组件实例进入页面节点树时触发。
Component({
  attached: function() {
    // 在组件实例进入页面节点树时执行的代码
  }
})
  • ready():组件布局完成后触发。
Component({
  ready: function() {
    // 在组件布局完成后执行的代码
  }
})
  • moved():组件在节点树中移动时触发。
Component({
  moved: function() {
    // 在组件在节点树中移动时执行的代码
  }
})
  • detached():组件实例从页面节点树中被移除时触发。
Component({
  detached: function() {
    // 在组件实例从页面节点树中被移除时执行的代码
  }
})

文章来源地址https://www.toymoban.com/news/detail-708794.html

到了这里,关于微信小程序中的所有生命周期钩子函数及其使用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 微信小程序的生命周期函数有哪些?

    微信小程序的生命周期函数有哪些?

    跟 vue 、 react 框架一样,微信小程序框架也存在生命周期,实质也是一堆会在特定时期执行的函数 小程序中,生命周期主要分成了三部分: 应用的生命周期 页面的生命周期 组件的生命周期 应用的生命周期 小程序的生命周期函数是在 app.js 里面调用的,通过 App(Object) 函数用

    2024年01月19日
    浏览(10)
  • 微信小程序 - 导航 、wxs及生命周期函数

    微信小程序 - 导航 、wxs及生命周期函数

    导航 声明式导航 使用 navigator/navigator 标签 属性 类型 默认值 必填 说明 target string self 否 在哪个目标上发生跳转,默认当前小程序 url string 否 当前小程序内的跳转链接 open-type string navigate 否 跳转方式 target参数 属性值 说明 self 当前小程序 miniProgram 其它小程序 open-type参数 属

    2024年01月17日
    浏览(10)
  • 微信小程序的生命周期函数有哪些,以及执行过程?

    微信小程序的生命周期函数有哪些,以及执行过程?

    目录 1、应用的生命周期  2、页面的生命周期 3、组件的生命周期  4、执行顺序  小程序中,生命周期主要分成了三部分: ① 应用的生命周期        ② 页面的生命周期        ③ 组件的生命周期 1、应用的生命周期  在 app.js 里面调用,通过 App(Object) 函数用来注册一个小

    2024年02月08日
    浏览(14)
  • Ionic4 生命周期钩子函数和angular生命周期钩子函数介绍

    Ionic 4(以及之后的 Ionic 版本)使用了 Angular 生命周期钩子,因为 Ionic 是基于 Angular 构建的。因此,Ionic 4 中的生命周期与 Angular 组件生命周期非常相似。以下是一些常见的 Ionic 4 生命周期钩子: ionViewDidLoad : 在页面加载完成后触发。通常用于执行一次性的初始化任务。不推

    2024年02月07日
    浏览(12)
  • vue3-生命周期钩子函数

    声明周期函数onMounted ,onUnmounted,onUpdated onMounted:页面渲染之前执行,执行完,页面就出来了 onUnmounted:组件注销之前执行,执行完组件就不在页面显示了。如果隐藏组件就行执行。 onUpdated:当组件内的内容发生变化时,就会执行这个更新钩子函数,比如删除数组中的某个元素

    2024年02月11日
    浏览(14)
  • 【react】react生命周期钩子函数:

    【react】react生命周期钩子函数:

    一、生命周期概念: 生命周期:简单来说就是一个事物从出生到消亡的过程就是生命周期,在React中的生命周期,就是组件从创建、挂载到页面再到卸载组件的过程。 意义:生命周期有助于理解组件运行方式、完成复杂组件功能、分析组件中间问题产生的原因等。 生命周期钩子函数

    2024年02月14日
    浏览(14)
  • 探索Vue生命周期钩子函数:从创生到销毁

    探索Vue生命周期钩子函数:从创生到销毁

    Vue这个引领前端开发潮流的框架,其优雅的响应式数据绑定和组件式开发方式,使得它备受瞩目。然而,Vue的魅力绝不仅限于此,它还赋予开发者一组神奇的生命周期钩子函数,能够在组件的各个成长阶段插入自定义代码。本文将带你进入Vue生命周期钩子函数的奇妙世界,一

    2024年02月11日
    浏览(13)
  • 【Vue3】2-11 : 生命周期钩子函数及原理分析

    【Vue3】2-11 : 生命周期钩子函数及原理分析

    一、组件生命周期概述 1.1 官方生命周期 1.2 钩子函数(回调函数) ▶  生命周期可划分为三个部分(- 表示执行循序): 二、实战:测试生命周期流程 >  代码  >  效果 每个组件在被创建时都要经过一系列的初始化过程 ——例如, 设置数据监听 编译模板 将实例挂载到

    2024年01月21日
    浏览(12)
  • 微信小程序全局生命周期和页面生命周期

    目录 前言  小程序的生命周期 页面生命周期

    2024年02月11日
    浏览(13)
  • 微信小程序的全局生命周期和页面生命周期

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

            生命周期是指一个程序或者软件从创建、到开始、暂停、唤起、停止、卸载的过程,由于微信小程序分为全局和页面两部分,所有从这两部分来讲解微信小程序的生命周期            全局生命周期指的是使用App() 函数注册一个小程序,接受一个object参数,其指定

    2024年02月16日
    浏览(21)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包