vue.js - vue - ¿Qué gancho de ciclo de vida utilizar para la inicialización?

vue.js tutorial español

Question

En el siguiente ejemplo, utilizo el ciclo de vida created para suscribirme al servicio de eventos. ¿Es una práctica normal? ¿Hay alguna manera más apropiada o método del ciclo de vida para hacer este tipo de cosas?

const ViewComponent = {
data(){
return {
pathname: window.location.pathname
}
},
created(){
eventService.on(''routeResolved'', (route) => {
this.pathname = route.pathname
})
},
computed: {
component () {
return routes[this.pathname]
}
},
render (h) {
return h(this.component)
}
}

Answer 1

El método del ciclo de vida que utilizas para la inicialización depende completamente de a qué necesitas acceder. Si necesita manipular el DOM de cualquier manera, no puede hacerlo hasta el evento del ciclo de vida mounted . Para configurar un controlador de eventos como usted en la pregunta, usar el evento de ciclo de vida created está perfectamente bien.

Principalmente para las acciones de inicialización de una sola vez, elegirá ya sea created o mounted . Si necesita hacer algo cada vez que el componente recibe nuevas propiedades, puede usar beforeUpdated o updated .

Eche un vistazo a la documentación para obtener una descripción completa.