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.