首页 > 其他分享 >UNIAPP的生命周期

UNIAPP的生命周期

时间:2022-09-29 15:57:06浏览次数:42  
标签:UNIAPP 生命周期 视图 完毕 页面 加载

UNIAPP的生命周期:


 Pages页面生命周期:

  • onlnit: 初始化加载(比Load更早)百度小程序专用
  • onl oad: 初始化加载
  • onShow: 页面显示
  • onReady: DOM加载完毕
  • onHide: 页面隐藏
  • onUnload: 页面卸载(删除DOM)
  • onPullDownRefresh: 拉头
  • onReachBottom: 下拉到底部
  • onShareAppMessage: 点击分享


components组件生命周期:

  • beforeCreate: 数据创建前
  • created: 数据拦截完毕
  • beforeMount: 视图挂载前
  • mounted: 初次挂载完毕
  • beforeUpdate: 数据变化,即将开始更新视图
  • updated: 视图更新完毕(用户可以看到新的视图)
  • beforeDestory: 销毁前
  • destoryed: 销毁完毕


*生命周期的有些函数是需要区分平台,在部分平台有效

标签:UNIAPP,生命周期,视图,完毕,页面,加载
From: https://www.cnblogs.com/NNNNaCl/p/16741857.html

相关文章

  • uniapp 使用 uni.share分享功能报错 :fail:{"errMsg":"share:fail method 'share' not
    报错代码:<u-button:custom-style="customStyle"@click="share"><u-iconname="zhuanfa"color="#ffffff"size="35"></u-icon>分享</u-button>//分享s......
  • uniapp 调起地图
    uni.chooseLocation({success:function(res){console.log('位置名称:'+res.name);console......
  • uniapp如何分包 & 分包配置后无法读取static文件夹
    1.为什么会使用uniapp分包?   最近因为使用uniapp做小程序,所以后面在程序发布预览时,经常出现:微信小程序Error系统错误,sourcesize2126KBexceedmaxlimit2MB等问题......
  • 2022-09-27 uniapp项目中iconfont阿里云图标不显示
    前言:uniapp项目中iconfont阿里云图标不显示,运行到浏览器能显示,打包到真机(Android)和模拟器(Android)上能显示,ios不能显示,打包h5不能显示(ios和android和浏览器不能显示)原......
  • React 组件的生命周期
    生命周期(旧)组件的生命周期可分成三个状态:Mounting(挂载):已插入真实DOMUpdating(更新):正在被重新渲染Unmounting(卸载):已移出真实DOM挂载阶段:ReactDOM.render()......
  • maven生命周期和插件
    生命周期和插件是maven的两个核心概念。在maven日常使用中,命令行的输入往往就对应了生命周期。如mvnpackage就表示执行默认生命周期阶段package。maven生命周期是抽象的,其......
  • 微信小程序生命周期
    一、生命周期1.应用的生命周期概念:特指小程序从启动-->运行-->销毁的过程。在app.js中进行声明。常见的应用生命周期函数://app.js文件App({//小程序初始......
  • IOC控制反转,DI依赖注入,自定义IOC及生命周期,反射
    //1.依赖倒置原则//2.IOC控制反转//3.DI依赖注入//4.Unity容器//5.自定义IOC容器IOC:依赖抽象,不依赖细节,控制反转IOC......
  • PV和PVC的生命周期
    PV是kubernetes集群的存储资源,而PVC则代表着资源需求。创建PVC时对PV发起的使用申请,即为“绑定”。PV和PVC是一一对应的关系,可用于响应PVC申请的PV必须要能够容纳PVC的......
  • uniapp 卡片布局
    使用uview框架<viewclass=""><u-rowgutter="4"align="top"><blockv-for="item,indexin5":key="index">......