Framework Vue.js

Durante los últimos años han aparecido una gran cantidad de librerías y frameworks javascript, que permite al programador la facilidad de desarrollar aplicaciones frontend.  

Entre las más populares Angular.js, Ember.js, Knockout.js y recientemente React.js. Pero hoy te mostraremos una nueva librería que promete mucho.

¿Que es Vue.js?

Es un framework javascript que construye interfaces web interactivas. Eso quiere decir que Vue está enfocado hacia la vista y puede ser implementado en el HTML de cualquier proyecto web. También existen componentes que permiten manejar rutas, peticiones AJAX y entre otros.

Sus características sobresalientes son:

  • Es fácil de aprender
  • Su codigo es más fácil de escribir, entender y mantener
  • Cuenta con un sistema de data binding y componentes
  • Cuenta con plugins increíbles para hacer peticiones http, validación de formularios, router y soporte para transformadores como Browserify (vuefy) o WebPack para escribir javascript moderno.

En pocas palabras el framework Vue.js es una librería pequeña y flexible de JavaScript que permite a los desarrolladores crear aplicaciones web interactivas muy fácilmente a través de una API sencilla.

Data Binding Reactivo

mvvm

Como se puede ver en la imagen, Vue es la parte central que se encarga de mantener en sincronía los datos del modelo y la vista, este concepto es llamado data driven view. En palabras simples, si los datos cambian, la vista cambiará también.

Es por eso que en muchos lugares de la documentación veras que se refiere a Vue como el vm (view-model).

Para realizar la sincronización, Vue utiliza directivas que se escriben como atributos html en los elementos que necesites enlazar al vm, y cuando los datos del modelo se modifiquen, todos los elementos enlazados serán actualizados también.

Un ejemplo sencillo del funcionamiento vue.js en donde podrás observar en acción el data binding, como también algunos eventos como click, v-for y disabled.

Ver demo: https://jsfiddle.net/impactoTecnologico/ga31ncy0/3/

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s