Explicación detallada de la función del ciclo de vida de la aplicación uni-app

Explicación detallada de la función del ciclo de vida de la aplicación uni-app

Explicación detallada de la función del ciclo de vida de la aplicación uni-app

---

---

prefacio

Explicación detallada de la función del ciclo de vida de la aplicación uni-app de la serie de aprendizaje UNI-APP

---

1. Funciones del ciclo de vida de la aplicación

Nombre de la función	ilustrar
onLaunch	Se activa cuando uni-appse completa la inicialización (el global solo se activa una vez)
en el programa	Cuando uni-appse inicia, o ingresa a la pantalla de primer plano desde el fondo
onHide	Al uni-appentrar en el fondo desde el primer plano
onError	uni-appActivado cuando se informa un error
onUniNViewMessage	Para nvuemonitorear los datos enviados por la página, consulte la comunicación de nvue a vue
onUnhandledRejection	Función de escucha de eventos para el rechazo de promesas no controladas (2.8.1+)
en la página no encontrada	No hay función de escucha en la página.
onThemeChange	Supervisar los cambios de tema del sistema

• Ejemplo:

  • en la página no encontrada

    • Se ejecuta cuando no se puede encontrar el archivo de la página correspondiente a la URL

      onPageNotFound(() => {
                
                
          uni.navigateTo({
                
                
              url:'/pages/404/index'
          })
      })
      

    El efecto de ejecución se muestra en la siguiente figura.

En segundo lugar, la función del ciclo de vida de la página.

Nombre de la función	ilustrar
onLoad	Supervise la carga de la página, su parámetro son los datos pasados ​​en la página anterior, el tipo de parámetro es Objeto (utilizado para pasar los parámetros de la página), consulte el ejemplo
en el programa	Se muestra la página de seguimiento. Se activa cada vez que aparece una página en la pantalla, incluido el regreso de una página subordinada para revelar la página actual
enListo	Supervise la finalización de la representación inicial de la página. Tenga en cuenta que si la velocidad de renderizado es rápida, se activará antes de que la página entre en la animación.
onHide	Página de escucha oculta
onDescargar	Descarga de la página del monitor
onResize	Supervisar los cambios en el tamaño de la ventana
onPullDownRefresh	Supervise la acción desplegable del usuario, generalmente utilizada para la actualización desplegable, consulte el ejemplo
enReachBottom	El evento de que la página se desplaza hacia abajo (no la vista de desplazamiento se desplaza hacia abajo), que a menudo se usa para desplegar la siguiente página de datos. Para obtener más información, consulte las siguientes notas
onPageScroll	Desplazamiento de la página del monitor, el parámetro es Objeto
onNavigationBarButtonTap	Escuche el evento de clic del botón de la barra de título nativo, el parámetro es Objeto
onBackPress	Regreso a la página del monitor, evento de retorno = {from:backbutton, browserBack}, backbutton significa que la fuente es el botón Atrás en la esquina superior izquierda o la tecla Atrás de Android; navegarBack significa que la fuente es uni.navigateBack; descripción detallada y uso: onBackPress detallado explicación _ El subprograma Alipay solo puede ser activado por una máquina real, y solo puede monitorear el retorno causado por non-navigateBack, y no puede evitar el comportamiento predeterminado.
onNavigationBarSearchInputChanged	Escuche el evento de cambio de contenido de entrada del cuadro de entrada de búsqueda de la barra de título nativo
onNavigationBarSearchInputConfirmed	Escuche el evento de búsqueda del cuadro de entrada de búsqueda de la barra de título nativo, que se activa cuando el usuario hace clic en el botón "Buscar" en el teclado virtual.
onNavigationBarSearchInputClicked	Escuche el evento de clic del cuadro de entrada de búsqueda de la barra de título nativo (se activa solo cuando la configuración de entrada de búsqueda deshabilitada en pages.json es verdadera)

• Ejemplo:
  • onPullDownRefresh
    • Se ejecuta cuando el usuario abre la aplicación y el subprograma

      onPullDownRefresh(() => {
                
                
        console.log('页面刷新了');
      })
      
      // pages.json
      对应页面配置 "enablePullDownRefresh": true
      

    El resultado de la ejecución se muestra en la siguiente figura.
    

---

Resumir

De lo anterior es de lo que quiero hablar hoy. Este artículo presenta todo el contenido de la serie de aprendizaje UNI-APP, que explica en detalle las funciones del ciclo de vida de la aplicación uni-app. Continuaré desarrollando y explicando el marco UNI-APP. basado en VSCode. Si le gusta, haga clic para seguir, UNI: el tutorial de uso del marco de la aplicación continuará actualizándose.