ユニアプリのライフサイクル機能

ユニアプリのライフサイクル機能

アプリのライフサイクルApp.js

• onLaunch
  アプレットの初期化が完了すると、onLaunchがトリガーされます（グローバルに1回だけトリガーされます）
• onShow
  アプレットが起動するか、バックグラウンドからフォアグラウンドディスプレイに入ると、onShowがトリガーされます
• onHide
  アプレットが前景から背景に入ると、onHideがトリガーされます
• onError
  アプレットでスクリプトエラーが発生した場合、またはapi呼び出しが失敗した場合、onErrorがトリガーされてエラーメッセージが表示されます

<script>
	export default {
    
    
		onLaunch: function() {
    
    
			console.log('App Launch')
		},
		onShow: function() {
    
    
			console.log('App Show')
		},
		onHide: function() {
    
    
			console.log('App Hide')
		},
		onError:function(err){
    
    
			console.log("err",err);
		}
	}
</script>

ページ内のライフサイクル機能

• onLoad
  は、ページが読み込まれたときに発生します
• onReady
  は、ページの最初のレンダリングの完了をリッスンします（ページが最初に読み込まれます-表示-最後のレンダリング）
• onShow
  モニターページ表示
• onHide
  はページの非表示をリッスンします（背景に切り替える場合は、最初にページのonHideをトリガーしてから、アプリのonHideを非表示にします）
• onUnload
  は、ページのアンロードを監視します（つまり、あるページから別のページにジャンプするときにトリガーされます）

<template>
	<view>
		我是msg
		<view class="dom" ref="domRef" >
			我是dom
		</view>
		<son v-if="flag"></son>
		<button type="default" @click="btn">我是btn</button>
	</view>
</template>

<script>
	import son from "./childCom/son.vue"
	export default {
    
    
		components:{
    
    
			son
		},
		data(){
    
    
			return {
    
    
				flag:true
			}
		},
		methods: {
    
    
			onLoad(){
    
    
				console.log("页面加载",this.$refs.domRef); // 页面加载 undefined 01
			},
			onReady(){
    
    
				console.log("页面dom节点加载完毕",this.$refs.domRef); // 页面dom节点加载完毕 相关dom
			},
			onShow(){
    
    
				console.log("onShow-监听页面显示");// onShow-监听页面显示 02
			},
			onHide(){
    
    
				console.log("onHide-监听页面隐藏");// onHide-监听页面隐藏 切换路由的时候，会隐藏当前组件
			},
			onUnload(){
    
    
				console.log("onUnload-监听页面卸载");// onUnload-监听页面卸载 切换路由的时候，会隐藏当前组件
			},
			btn(){
    
    
				this.flag = !this.flag;
			}
		}
	}
</script>

<style lang="scss">

</style>