Función de ciclo de vida de uni-app
Ciclo de vida de la aplicación App.js
onLaunch Cuando se complete la inicialización del applet, se activará onLaunch (solo se activará una vez globalmente)
onShow Cuando se inicia el applet, o entra en la pantalla de primer plano desde el fondo, se activará onShow
onHide Cuando el applet ingresa al fondo desde el primer plano, onHide se activará
onError Cuando se produce un error de secuencia de comandos en el subprograma, o falla la llamada a la API, onError se activará con un mensaje de error
< 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>
Funciones de ciclo de vida en páginas
onLoad se activa cuando se carga la página
onReady escucha la finalización de la representación inicial de la página (la página se carga primero - muestra - última representación)
visualización de la página del monitor onShow
onHide escucha la ocultación de la página (al cambiar al fondo, active primero onHide de la página y luego oculte onHide de la aplicación)
onUnload supervisa la descarga de la página (es decir, se activa al saltar de una página a otra)
< 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) ;
} ,
onReady ( ) {
console. log ( "页面dom节点加载完毕" , this . $refs. domRef) ;
} ,
onShow ( ) {
console. log ( "onShow-监听页面显示" ) ;
} ,
onHide ( ) {
console. log ( "onHide-监听页面隐藏" ) ;
} ,
onUnload ( ) {
console. log ( "onUnload-监听页面卸载" ) ;
} ,
btn ( ) {
this . flag = ! this . flag;
}
}
}
< / script>
< style lang= "scss" >
< / style>