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

男娘i 2022-11-17 14:56 231阅读 0赞

**一.应用的生命周期函数**  
放在App.vue主组件中：

<script>
    	//	应用的生命周期函数
    	export default {
    		onLaunch: function() {			// 当uni-app,初始化完成时触发
    			console.log('App Launch')
    		},
    		onShow: function() {			// 当uni-app启动,或从后台进入前台显示
    			console.log('App Show')
    		},
    		onHide: function() {			// 当uni-app,	从前台进入后台
    			console.log('App Hide')
    		},
    		onError:function(err){			// 报错了	报错时触发	比如说显示里面的consol	少了一个字母e就会报错打印在显示台
    			console.log('出现异常了',err);
    		}
    	}
    </script>

**二.页面的生命周期**

<script>
    	export default {
    		data() {
    			return {
    				title: 'Hello'
    			}
    		},
    		onLoad(option) {
    			console.log('页面加载了',option);
    		},
    		onShow() {
    			console.log('页面显示了');
    		},
    		onReady() {
    			console.log('页面初次渲染完成了');
    		},
    		onHide() {
    			console.log('页面隐藏了');
    		},
    		onUnload() {
    			console.log('页面卸载了');
    		},
    		methods: {
    
    		}
    	}
    	// onLoad	监听页面加载,其参数为上个页面传递的数据,参数类型为Object(应用于页面传参)
    	// onshow	监听页面的显示.	页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面
    	// onReady	监听页面初次渲染完成
    	// onHide 	监听页面隐藏
    	// onunload	监听页面卸载
    	// 注意:tabbar 的页面展现过程一个后就保留在内容中,再次切换tabbar页面,只会触发每个页面的onShow,不会触发onLoad
    </script>

发表评论取消回复

表情：

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

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

相关阅读

相关 uniapp 生命周期

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

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

相关 uniapp 应用生命周期

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

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

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

nui-app 页面渲染及触发的页面生命周期页面加载过程：加载=》显示=》加载完成=》页面隐藏=》页面卸载触发页面生命周期： onLoad:监听页面加载 =》 o

柔光的暖阳◎/ 2023年05月29日 02:58/ 0 赞/ 24 阅读

相关 Flutter State生命周期 Flutter Widget生命周期 Flutter 应用程序生命周期

在 Flutter应用程序中，生命周期涉及两个，一个是 Widget 的生命周期，一个是应用程序的生命周期，本文章说明通过 flutter\_life\_state 依赖库实现

快来打我*/ 2022年12月24日 11:56/ 0 赞/ 275 阅读

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

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

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

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

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

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

相关微信小程序生命周期、页面生命周期、组件生命周期

1. 生命周期 App（全局）位置：项目根目录app.js文件 App({ onLaunch (options) { //

浅浅的花香味﹌/ 2021年10月29日 07:36/ 0 赞/ 504 阅读

相关 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 赞/ 447 阅读

相关 uniapp 生命周期

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

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