uni-app 的生命周期

灰太狼 2023-01-03 04:03 39阅读 0赞

uni-app 的生命周期主要从三个角度来讲：  
**App全局(应用生命周期)，pages页面(页面生命周期)，components中组件(组件生命周期)**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70]

## 1，全局的，在App.vue中 ##

[具体查看文档][Link 1]

export default { 
    	onLaunch: function() {  // 整个应用启动的时候触发
    		console.log('App Launch')
    	}, 
    	onShow: function() {   // 打开应用(切换到小程序了)
    		console.log('App Show')
    	},
    	onHide: function() {  // 离开应用 (离开小程序，玩别的去了)
    		console.log('App Hide')
    	}
    }

## 2，在每个pages页面中 ##

[具体查看文档][Link 2]

onload(){  // 页面被加载完毕
    },
    onshow(){  // 页面被看到
    }

## 3，在components文件夹下的组件中 ##

[具体查看文档][Link 3]

mounted() {   // 页面挂载完毕
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70]: /images/20221119/29b64fa360f34b77899e6f6be47529ec.png
[Link 1]: https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%E5%BA%94%E7%94%A8%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
[Link 2]: https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
[Link 3]: https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F

发表评论取消回复

表情：

评论列表（有 0 条评论，39人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 生命周期

[uni-app 生命周期函数][uni-app] [应用生命周期][Link 1] <table> <thead> <tr> <th>函数名</

古城微笑少年丶/ 2023年10月10日 09:12/ 0 赞/ 33 阅读

相关 uniapp 应用生命周期

应用生命周期目录： components：存放可复用的组建 pages：页面存放位置 static：存放本地资源（图片，视频，只能存在这个文件夹中，代码不会被解析

水深无声/ 2023年05月29日 11:59/ 0 赞/ 21 阅读

相关 10. uniapp 生命周期学习两种页面/应用生命周期

一.应用的生命周期函数放在App.vue主组件中： <script> // 应用的生命周期函数 export default {

男娘i/ 2022年11月17日 14:56/ 0 赞/ 232 阅读

相关 java session 生命周期_Session的生命周期

以前在学习的时候没怎么注意，今天又回过头来仔细研究研究了一下Session的生命周期。 Session存储在服务器端，一般为了防止在服务器的内存中(为了高速存取)，Sessi

野性酷女/ 2022年11月06日 09:50/ 0 赞/ 293 阅读

相关 uni-app 应用生命周期、页面生命周期、组件生命周期的区别

页面加载过程：加载=》显示=》加载完成=》页面隐藏=》页面卸载触发页面生命周期： onLoad:监听页面加载 =》 onShow:监听页面显示 =》 onReady:监听

亦凉/ 2022年10月18日 11:23/ 0 赞/ 360 阅读

相关 React（6）生命周期（组件生命周期、state生命周期）

12、生命周期参考链接： [React组件生命周期小结][React] 两个生命周期，分别是组件的生命周期，和状态变更的声明周期组件结构：父组件套用子组件

桃扇骨/ 2022年05月31日 08:08/ 0 赞/ 483 阅读

相关 uniapp生命周期/路由跳转

应用生命周期（仅可在App.vue中监听）（1）onLaunch ：当uni-app 初始化完成时触发（全局只触发一次） App.vue里的onLaunch中opt

矫情吗；*/ 2021年09月13日 15:52/ 0 赞/ 955 阅读

相关 uniapp - uniapp 的生命周期

uniapp 的生命周期应用生命周期页面生命周期 > 更多详细内容请查看 uniapp 官网： [https://uniapp.dcloud.io/fr

╰+哭是因爲堅強的太久メ/ 2021年07月25日 21:55/ 0 赞/ 683 阅读

相关 uniapp——生命周期函数的学习

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Myth丶恋晨/ 2021年07月25日 11:23/ 0 赞/ 448 阅读

相关 uniapp 生命周期

应用生命周期函数监听整个应用,在App.vue中 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onSh

谁借莪１个温暖的怀抱￠/ 2021年07月24日 23:36/ 0 赞/ 526 阅读