Vue.js 2 #5 : Ciclo de vida

Los componentes que definimos en Vue.js tienen un ciclo de vida, durante éste, podemos acceder a varias funciones (hooks) y, con ellos, ejecutar el código que queremos en ciertos puntos del ciclo de vida del componente.

Por ejemplo, podremos ejecutar código antes de que el componente se añada al DOM y/o cuando ya esté añadido, también antes de que se elimine, entre otras opciones más. Ahora lo vemos!

Continuar leyendo «Vue.js 2 #5 : Ciclo de vida»

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»