1. Vue.js – Instalación, data binding y algunas directivas.

¿Qué es Vue?

Vue es un framework progresivo para construir interfaces de usuario. A diferencia de otros frameworks, Vue está diseñado desde cero para ser adaptable progresivamente.

La biblioteca central está enfocada solo en la capa de visualización, y es fácil de seleccionar e integrar con otras bibliotecas o proyectos existentes.

La forma más fácil de probar Vue es creando un archivo .html e incluir el siguiente script:

A continuación un pequeño ejemplo del uso de Vue:

Enhorabuena, ¿y ahora que?

¡Ya hemos creado nuestra primera aplicación Vue!. Los datos y el DOM ahora están vinculados y todo ahora es reactivo. ¿Como sabemos que es cierto esto?, abre la consola de JavaScript de su navegador (en este momento, en esta página) y establezca el app.mensaje en un valor diferente. Debería ver el ejemplo renderizado arriba actualizarse. Ahora vamos a complicar el código un poquito añadiendo data binding en ambas direcciones:

En el siguiente ejemplo puedes ver como se ejecuta y se comporta:

Bien, ahora que ya conocemos un poco más VUE vamos a empezar a crear cosas mas llamativas y comprobar la potencia que ofrece mediante ejemplos.