El ciclo de vida de Vue
Todavía hay una pequeña diferencia entre el ciclo de vida de Vue 2.0 y 1.0, y hay muchos artículos de blog sobre el ciclo de vida de Baidu. Sin mencionar nada más, simplemente enumeremos un total de ocho y presentémoslos uno por uno a continuación.
antes de crear
El componente de instancia se acaba de crear, y el elemento DOM y los datos no se han inicializado.No se sabe si las operaciones de vida se pueden realizar en este ciclo.
creado
Los datos de datos se han inicializado y se puede llamar al método, pero el DOM no se representa. En este ciclo, si realiza una solicitud, puede cambiar los datos y procesarlos. Dado que el DOM no está montado, demasiadas solicitudes o demasiado tiempo harán que la página se quede en blanco en línea.
antes del monte
El DOM no se montó y los datos se inicializaron, pero el enlace bidireccional de los datos todavía muestra { {}}, porque Vue usa la tecnología Virtual DOM (Virtual Dom). Primero ocupó un hueco.
montado
Tanto los datos como el DOM están montados, y los datos ocupados en el ciclo anterior representan el valor. Por lo general, la solicitud se colocará en este lugar, porque la solicitud aquí solo puede procesarse después de cambiar los datos.
antes de Actualizar
Siempre que se cambien los datos de la página, se activará. Antes de que se actualicen los datos, los datos de la página siguen siendo los datos originales. Cuando solicite asignar un dato, este ciclo se ejecutará. Si no hay ningún cambio de datos, no se ejecutará.
actualizado
Mientras los datos de la página cambien, se activará.Después de actualizar los datos, los datos de la página se actualizan. BeforeUpdate y updated deben usarse con precaución, ya que se activarán cuando la página actualice los datos, y los datos operativos aquí afectarán el rendimiento y provocarán un bucle infinito.
antes de destruir
Este ciclo se ejecuta antes de que se destruya el componente. En el desarrollo de mi proyecto, creo que en realidad es un poco similar al enlace de enrutamiento beforeRouterLeave, que se ejecuta cuando la ruta se va. Sin embargo, beforeDestroy no puede evitar que la ruta salte, pero puede hacerse cuando sale la ruta Operación, porque en este ciclo también se puede usar datos y método. Por ejemplo, un componente de cuenta regresiva, si no se borra cuando la ruta salta, el temporizador todavía está allí y el temporizador se puede borrar en este momento.
Destruido
Para ser honesto, realmente no sé la diferencia entre este ciclo y beforeDestroy. Puedo llamar datos y métodos en este ciclo, así que creo que es lo mismo que beforeDestroy.