$parent en Vuejs 2, acceso a datos del componente padre

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 (fíjate en la forma plural) y otro llamado PostComponent.vue (singular), el primero mostrará todos los posts utilizando el segundo en un bucle.

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. El objeto $parent en Vuejs 2 nos permite conseguir esto sin la necesidad de modificar el componente padre.

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