Edición de registros con vue-router (SPA)

En esta lección vamos a trabajar en la acción para editar registros pero esta vez utilizando vue-router y en formato de SPA. Para ello haremos que el formulario de edición de tareas sea una página aparte (con una URL) y agregaremos el enlace desde el detalle del registro a la página de edición y por...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Acciones para completar y eliminar tareas con vue-router (SPA)

En esta lección vamos a seguir practicando lo aprendido hasta el momento mientras reconstruimos el módulo de tareas como una SPA (Single Page Application) usando vue-router y repasamos otros conceptos como las clases de CSS dinámicas y los componentes globales de Vue.js....

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Modo de historia HTML5 con Vue.js y Laravel

Hasta el momento en todas nuestras URLs tenemos un simbolo de numeral (#) y esto es debido a que el modo por defecto de vue-router es hash mode o modo hash. Este hash es utilizado para simular una URL y de esta forma evitar que la página sea recargada cuando la URL cambia. Esto no quiere...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Rutas con nombre en vue-router

Algunas veces necesitamos alterar las URL de nuestras rutas, pero al no tener una forma de identificarlas se pueden presentar inconvenientes al momento de cambiarlas. vue-router nos permite identificar nuestras rutas mediante un nombre. Esto nos da la posibilidad de cambiar la URL de una ruta (por ejemplo de /tasks a /tareas o /mis-tareas) sin afectar...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Rutas anidadas o sub-rutas con vue-router

La mayoría de las aplicaciones están compuestas por múltiples componentes anidados unos dentro de otros y estos componentes suelen compartir los mismos segmentos de una URL (/tasks y /tasks/1, por ejemplo). vue-router nos da la posibilidad de crear rutas anidadas o sub-rutas para cubrir esta necesidad de una forma muy simple y de esta forma poder organizar...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Manejo de errores 404 con vue-router

Cuando creamos un Single Page Application (SPA) con un framework de JavaScript como Vue.js, debemos manejar escenarios donde el usuario intente acceder a una URL que no existe o ha sido eliminada, al igual que cuando trabajamos con frameworks de backend como Laravel. En esta lección aprenderemos cómo podemos manejar errores de tipo 404 en...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Manejo de estado básico con Vue.js

En esta lección aprenderemos cómo podemos extraer el estado (datos) de nuestra aplicación a un objeto centralizado al cual todos los otros componentes tendrán acceso. De esta forma entonces podremos obtener la tarea desde el componente de Detalles (o de cualquier otro componente) y sincronizar las tareas a lo largo de todos nuestros componentes sin...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Recibe consejos útiles y múltiples recursos directamente en tu correo