Hoy vamos a utilizar las computed properties para crear dos listas de tareas separadas. Una lista que contendrá las tareas hechas y otra lista las que no están hechas.
Vue.js 2: Frontend JavaScript Framework
En esta serie vamos a tratar el framework Vue.js 2. Vue.js es un framework JavaScript que nos permite crear interfaces de usuario complejas a través de componentes. Explicaremos desde 0 todo lo relacionado con este framework y a lo largo de la serie, utilizaremos plugins como Vuex, Vue-Router, entre otros creados por la comunidad.
Para ver el código completo de la serie: https://github.com/fullstackseriescom/vuejs-2-series.
Nota: para seguir esta serie hay que tener conocimientos en HTML, JS y CSS.
Vue.js 2 #2 : Lista de tareas con v-if, v-show, v-for, v-model, métodos y más
Hoy vamos a crear una lista de tareas simple, pero a la vez, vamos a tocar muchas cosas de Vue.js. Será una lista de tareas en la que podremos añadir tareas introduciendo el texto en el input y presionando enter y automáticamente se añadirá a la lista, podremos marcarlas como completas y se tacharán y también podremos eliminarlas.
Continuar leyendo «Vue.js 2 #2 : Lista de tareas con v-if, v-show, v-for, v-model, métodos y más»
Vue.js 2 #1 : Instalación e introducción
En esta primera entrada sobre Vue.js 2 vamos a ver qué es, como instalarlo para comenzar a utilizarlo y también crearemos el primer ejemplo.
Vue.js es una framework JavaScript que nos permite crear interfaces de usuario a partir de componentes y así desarrollar SPA (Single Page Application) o aplicaciones web fácilmente.
Continuar leyendo «Vue.js 2 #1 : Instalación e introducción»