Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Utilizando proveedores para enviar información a componentes hijos

Utilizando proveedores para enviar información a componentes hijos - Tutorial de Vue.js

Del curso: Vue.js esencial

Utilizando proveedores para enviar información a componentes hijos

Sucederá muchas veces que necesites pasar información desde un componente padre a un componente que se encuentre embedado varios niveles más abajo en la jerarquía de componentes. Como en este ejemplo que tenemos aquí, Yo he definido un Componente Padre que contiene un Componente Hijo, y ese componente hijo también tiene otro componente hijo dentro de sí, al cual yo he llamado Componente Nieto. El Componente Padre tiene información sobre un usuario, y el Componente Nieto necesita esa información para poderla mostrar en la pantalla. A la hora de cambiar la información dentro del componente padre, pueden notar que la vista dentro del componente nieto se actualiza. Para poder pasar esta información desde el componente padre al componente nieto, podemos pasar la información al componente hijo como un prop y luego el componente hijo pasarlo al nieto, también como props. Pero esta es una manera muy complicada de hacer esta implementación, ya que se vuelve muy compleja a la hora de tener que…

Contenido