Vue Router

Link docu

Router 

index.html

<router-view>

</router-view>

LIFECYCLE HOOKS

En directo conmigo

Creamos un proyecto con router. Típico CRUD completo, con vista de ver detalles :)

Vamos a realizar un proyecto con una vista en modo lista donde mostramos la previsualización de unos elementos, en este caso de los usuarios y donde cada cajita tiene un botón de "ver más".

Al clickar en ver más navegamos a /details/:id y en esta vista vamos a renderizar una vista nueva donde vamos a buscar a la api ese usuario a la API y donde mostramos todos sus campos y un botón de "volver atrás"

Proyecto vuestro

Hacemos un proyecto con router con:


- Vista modo lista con todos los TODOs de json placeholder

- Vista en modo detalle de un TODO donde se vea el resto de info (Completado y UserID) 

- Cargar los datos del usuario también en esta vista llamando al /users/id