Seguir
( 0 Seguidores)
X

Seguir

E-mail : *

Sin duda Vue.js es uno de los frameworks mas llamativos del momento, Cuando comprendemos su funcionamiento queremos utilizarlo en todo, porque la verdad que es muy bueno y rápido. Pero en muchos casos no encontramos la mejor documentación. En este post conoceremos un tema muy puntual respecto a mostrar los datos relacionados de Modelos Laravel.

En laravel es muy fácil 

{{$user->company->name}}

en Vue.js es parecido, pero con un tratamiento de los datos distintos al enviarlos a la vista.

Trabajaremos con la relacion 

Productos *————————- 1 Empresas (Una empresa puede tener muchos Productos)

Crearemos el Modelo Productos

 

Ahora creemos  el modelo Empresas

 

Ahora realizamos la consulta en el Controlador y pasamos los datos a la vista

ya en la vista los datos no se mostraran como lo hacemos con blade, asignaremos los datos a una variable vue, y luego extraerlos con un v-for

 

ahora sino no nos gusta mezclar php y java script (para muchos es un pecado), y lo que que quieres es realizar un ajax con vue y cargar los datos al ready de la pagina, nuestras función en el controlador quedaría de la siguiente manera

 

y nuestro código vue seria el siguiente

finalmente mostraremos los datos de la siguiente manera

 

Así de simple es mostrar las relaciones en vue.js

Ahora la paginación en laravel es de los mas sencillo que hay, pero como lo hacemos en vue.js

en el próximo post lo realizaremos.

Comparte esta información, así todos creceremos como comunidad, de igual manera síguenos en Facebook y conoce nuestros contenidos recientes

Suscribete para que te llegue el contenido!

Estoy trabajando a diario, asi que el contenido te llegara pronto.

Te has suscrito correctamente!