Fonction de cycle de vie d'uni-app

Fonction de cycle de vie d'uni-app

Cycle de vie de l'application App.js

• onLaunch
  Lorsque l'initialisation de l'applet est terminée, onLaunch sera déclenché (une seule fois déclenché globalement)
• onShow
  Lorsque l'applet démarre ou entre dans l'affichage de premier plan à partir de l'arrière-plan, onShow sera déclenché
• onHide
  Lorsque l'applet entre en arrière-plan depuis le premier plan, onHide sera déclenché
• onError
  Lorsqu'une erreur de script se produit dans l'applet, ou que l'appel api échoue, onError sera déclenché avec un message d'erreur

<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>

Fonctions de cycle de vie dans les pages

• onLoad
  se déclenche lorsque la page se charge
• onReady
  écoute l'achèvement du rendu initial de la page (la page se charge en premier - affichage - dernier rendu)
• onAfficher
  l'affichage de la page du moniteur
• onHide
  écoute le masquage de la page (lorsque vous passez en arrière-plan, déclenchez d'abord le onHide de la page, puis masquez le onHide de l'application)
• onUnload
  surveille le déchargement de la page (c'est-à-dire qu'il est déclenché lors du saut d'une page à une autre)

<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>