VueJS es un marco JavaScript de modelo-vista-vista-modelo para crear interfaces de usuario y aplicaciones de una sola página. Tiene varios ganchos de ciclo de vida (no más de 8). En este artículo vamos a diferenciar dos tipos de eventos que forman parte del ciclo de vida de un componente.
- Creado
- Montado
Y entre ambos, los ganchos montados también se conocen como los ganchos más utilizados porque se manejan fácilmente cuando no hay un concepto involucrado de «Representación del lado del servidor» y la creación es más útil cuando estamos tratando con servidores y obteniendo datos de la API de back-end. .
Diferencias entre eventos Creados() y Montados() :-
| Categoría | Creado | Montado |
|---|---|---|
| Escenario | Ocurre en la etapa más temprana del ciclo de vida de Vue. | Ocurre después de que se llama al gancho creado. |
| Ocurrencia | Ocurre solo una vez en el ciclo de vida del componente. | Puede ocurrir más de una vez en el ciclo de vida del componente. |
| Acceso | Tiene acceso a los datos, métodos, montaje y propiedades de la computadora de los componentes. | Debe acceder (o) modificar el DOM de su componente inmediatamente antes (o) después de la representación inicial. |
| DOM | No puede realizar manipulación DOM porque el evento no está montado. | Puede realizar manipulación DOM porque el evento ya está montado |
| API | Generalmente, se usa para obtener datos de la API de back-end. | En montado, debemos realizar tareas como obtener datos de la API solo en el enlace creado. |
| Fase de montaje | La fase de montaje no ha comenzado en este momento y la propiedad $el no está disponible. | Aquí, en la fase de montaje, cada vez que se carga un componente en $el. |
| Componente hijo | Si el componente tiene elementos secundarios, es seguro que incluso el componente secundario habrá creado un gancho inicializado. | Si el componente tiene elementos secundarios, no hay garantía de que se montarán todos los componentes secundarios. |
| Lado del servidor | Este gancho se llama especialmente cuando queremos leer datos del servidor. | Este enlace no se llama durante la representación del lado del servidor. |
Publicación traducida automáticamente
Artículo escrito por dadimadhav y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA