Cómo llamar entre ganchos del ciclo de vida de vue
Los enlaces del ciclo de vida proporcionados por Vue son los siguientes:
①beforeCreate
Después de inicializar la instancia, la observación de datos (observador de datos, comienza a monitorear el objeto de datos cambios de datos) y Llamado antes del evento de inicialización (evento de inicio, evento de inicialización interna de Vue).
②created
Se llama después de que se haya creado la instancia. La instancia ha completado las siguientes configuraciones: observador de datos, operaciones en propiedades y métodos, y devoluciones de llamadas de eventos. La fase de montaje aún no ha comenzado y el atributo $el no es visible.
③beforeMount
Se llama antes de que comience el montaje. La función de renderización relevante se llama por primera vez. La instancia ha completado la siguiente configuración: compila la plantilla y genera html a partir de los datos en los datos y la plantilla. Tenga en cuenta que el html no se ha montado en la página en este momento.
④montado
Se llama después de que el sea reemplazado por el vm.$el recién creado y montado en la instancia. La instancia ha completado la siguiente configuración: reemplace el objeto DOM al que apunta el atributo el con el contenido html compilado arriba. En este momento, el HTML de la plantilla se representa en la página HTML. En este momento, generalmente puede realizar algunas operaciones Ajax. Tenga en cuenta que montado sólo se ejecutará una vez.
⑤beforeUpdate
Se llama antes de que se actualicen los datos, antes de que se vuelva a renderizar y parchear el DOM virtual. Puede cambiar aún más el estado de este enlace sin activar un proceso de renderizado adicional.
⑥ actualizado
Se llama después de que el DOM virtual se vuelve a renderizar y parchea debido a cambios en los datos. Cuando se llama, el componente DOM se actualiza, por lo que se pueden realizar operaciones dependientes de DOM. Sin embargo, en la mayoría de los casos se debe evitar cambiar de estado durante este período, ya que esto puede provocar un bucle infinito de actualizaciones. Este enlace no se llama durante la renderización del lado del servidor.
⑦beforeDestroy
Se llama antes de que se destruya la instancia. La instancia todavía está completamente disponible.
⑧ destroyed
Se llama después de que se destruye la instancia. Después de llamar, se eliminarán todos los detectores de eventos y se destruirán todas las instancias secundarias. Este enlace no se llama durante la renderización del lado del servidor.