uniapp 中的生命周期函数
2024-09-27
15
1. 应用生命周期
只列举出最常用的应用生命周期函数，更多应用生命周期函数前往官方文档查看
应用生命周期函数文档: https://uniapp.dcloud.io/collocation/App.html#applifecycle
应用生命周期函数定义在 App.vue 中，应用生命周期仅可在 App.vue 中监听，在页面监听无效
| 函数名 | 说明 |
|---|---|
| onLaunch | 当 uni-app 初始化完成时触发（全局只触发一次） |
| onShow | 当 uni-app 启动，或从后台进入前台时触发 |
| onHide | 当 uni-app 从前台进入后台时触发 |
应用生命周期函数的应用场景 ？
onLaunch: 检查网络状态，检查版本更新
onShow: 每次进入页面都重新请求接口刷新页面数据
onHide: 可以用于记录 uni-app 在后台的挂载时间
2. 页面生命周期
只列举出最常见的页面生命周期函数，更多页面生命周期函数前往官方文档查看
页面生命周期函数文档: https://uniapp.dcloud.io/tutorial/page.html#lifecycle
| 函数名 | 说明 |
|---|---|
| onLoad | 监听页面加载 |
| onShow | 监听页面显示 |
| onReady | 监听页面初次渲染完成 |
| onHide | 监听页面隐藏 |
| onPullDownRefresh | 监听用户下拉动作，一般用于下拉刷新 |
| onReachBottom | 页面滚动到底部的事件，一般用于上拉加载下一页数据 |
| onShareAppMessage | 用户点击右上角分享 |
| onPageScroll | 监听页面滚动距离 |
3. 组件生命周期
只列举出最常用的组件生命周期函数，更多组件生命周期函数前往官方文档查看
页面生命周期函数文档: https://uniapp.dcloud.io/tutorial/page.html#componentlifecycle
| 函数名 | 说明 |
|---|---|
| created | 在实例创建完成之后被立即调用 |
赞一波！
相关文章
- 【说站】python列表中有哪些内置函数
- 【说站】python random中的随机函数
- 【说站】python匿名函数的好处
- 【说站】python匿名函数lambda的注意点
- 【说站】python函数式编程如何理解
- 【说站】php数组交集函数
- 【说站】python vim模块的函数接口
- PHP CURLFile函数模拟实现文件上传展示
- thinkPHP简单调用函数与类库的方法
- Python的flask常用函数route()介绍
- uniapp 中 vuex 的使用
- JS 函数中的 arguments 类数组对象
- uniapp 国际化开发指南【多语言】
- uniapp 返回上一级页面并触发指定方法
- uniapp 网络请求封装【luch-request 3.x】
- uniapp 项目打包安卓 App
- uniapp 工具类方法封装
- uniapp 中的交互反馈 API【提示框】
- 通过工厂函数、构造函数创建对象
- mysql 函数: find_in_set()、instr()
文章评论
评论问答