¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!


El comportamiento más normal en Vuejs 2 es montar una jerarquía de componentes para poder segmentar al máximo nuestra aplicación, formularios, botones, cajas de contenido etcétera.

Imagina que tienes un componente llamado PostsComponent.vue y otro llamado PostComponent.vue, el primero mostrará todos los posts utilizando el segundo en un bucle.

Cómo puedes ver, es simple, obtenemos datos para renderizar una serie de posts en un listado, lo importante aquí es fijarse en el dato category del componente PostsComponent, lo normal para utilizar ese dato en el componente hijo sería lo siguiente.

Pero claro, si en lugar de 1 dato a pasar, debemos pasar 10, todo se complica y se vuelve bastante feo, para solucionar este problema, podemos utilizar $parent sin modificar el componente padre.

Si te fijas en la etiqueta h5, estamos utilizando el dato category del componente padre, así de simple es acceder a datos del componente padre en Vuejs 2.