En esta lección aprenderemos cómo podemos separar nuestros componentes en diferentes archivos que permitan a cada componente agrupar sus plantillas y código de JavaScript en un mismo lugar. Estos archivos que tendrán la extensión .vue, se llaman «Single File Components» y podremos utilizarlos por supuesto gracias a webpack y vue-loader los cuales instalamos en la lección pasada haciendo uso […]
En esta quinta parte del Curso de Vue.js 2, vamos aprender cómo es el flujo de desarrollo profesional con Vue. Para ello vamos a instalar y usar, npm (manejador de paquetes para Node), vue-cli (el cliente de Vue para crear proyectos), webpack, vue-loader, Babel y más. Si suena complicado, no te preocupes, puesto que Vue.js con la […]
En la lección anterior aprendimos cómo emitir y escuchar eventos personalizados en Vue para enviar mensajes desde un componente «hijo» hacia el componente «padre» ¿Pero qué sucede si queremos enviar y recibir mensajes entre dos componentes que «hermanos» o que no están relacionados en lo absoluto? Esto es lo que aprenderemos a hacer en esta […]
En esta lección aprenderemos cómo crear, emitir o disparar y escuchar eventos personalizados en Vue.js mientras que al mismo vamos a refactorizar nuestro componente de tarea, para que podamos eliminar una tarea sin necesidad de pasar todo el listado de registros a cada componente.
Esta es una lección muy interesante e importante del curso de Vue.js 2, puesto que aprenderemos cómo separar y diferenciar datos de nuestro modelo de aquellos datos que únicamente forman parte de la interfaz de usuario o vista. Además aprenderemos cómo asociar propiedades adicionales al modelo de forma reactiva, definir y usar la propiedad data dentro de […]
En esta lección vamos a trabajar en un componente un poco más complicado, será un componente para representar una tarea (es decir una fila o registro o «modelo»). Este componente agrupará las propiedades y acciones relacionadas con la tarea y nos permitiría limpiar aún más el código de nuestra plantilla principal.
En esta parte del curso, vamos a comenzar a aprender sobre la creación y uso de componentes en Vue.js, uno de los features más poderosos de este framework de JavaScript. Para ello, empezaré creando un sencillo componente de icono, que simplemente va a permitir limpiar un poco nuestra plantilla de Vue, evitando la repetición del código […]
En esta lección del Curso de Vue.js 2 realizaremos el desarrollo de la funcionalidad faltante en nuestro pequeño módulo de CRUD: que es la de eliminar registros. Así que vamos a aprender cómo podemos eliminar registros de forma individual del listado o en lote basados en una condición (en nuestro ejemplo usaremos el estatus de la […]
En esta lección añadiremos las funciones para marcar tareas pendientes como completadas (y viceversa) y para editar la descripción de una tarea a través de un formulario. Además aprenderemos cómo crear un borrador de la tarea que nos permitirá confirmar o cancelar la actualización.
En está lección vamos a continuar con el desarrollo de nuestra pequeña aplicación CRUD con Vue.js 2. En esta ocasión vamos a trabajar en el feature para que los usuarios puedan agregar tareas al listado de tareas, así haremos nuestro listado verdaderamente dinámico, además aprovecharemos de repasar conceptos importantes como lo son el manejo de formularios […]