Vuejs: Primeros pasos en vuejs

Escrito el 21 de Septiembre de 2017

¿Que es vuejs?

Vue es un framewoek progresivo para la creación de interfaces de usuario.

Vue se centra sólo en la capa de vista y es muy fácil de captar e integrar con otras bibliotecas o proyectos existentes.

¿Por qué Vue?

Por la facilidad de aprender, es muy ligero.

Instalación

Existen varias formas de instalar vuejs.

  • Agregando el CDN.
  • Atravez de NPM npm install vue.
  • Atravez de Bower bower install vue.
  • Atravez del CLI.

Jugando con Vue.js

Cabe mencionar que es reactivo (*Two Way Data *), si cambias desde la vista la variable message en el modelo “data” tambien cambia.

Si abrimos la consola y tecleamos app.message = "Hola, vuejs" cambiará lo que ve en {{ message }} por el nuevo texto.

Estructura base


Condicional


Iterar un array


Evento click


La caracteristica más importante de Vuejs es que se pueden hacer componentes, en el proximo post hare un editor de markdown para ver como trabajar con componentes. Si quieres aprender màs de Vuejs, hay muchos videos y la documentación es muy buena.

Más de Vuejs

  1. Guia Vuejs.
  2. Documentacion Vuejs.
  3. Ejemplos de Vuejs.

Coméntanos como te fue…

comments powered by Disqus