Manejando datos

Eventos en VueJS

Posted by in Javascript y TypeScript

Seguimos aprendiendo VueJS, y tras una introducción, un primer ejemplo, y avanzar un poco más, toca experimentar con los eventos en VueJS. En el ejemplo de hoy, aprenderemos a cumplimentar los métodos que soporta el objeto Vue, cómo están relacionados los “data” y “methods” mediante “this”, y cómo trabajar con eventos. Ejecución de eventos en VueJS Lo primero que hay que conocer es que necesitamos incluir v-on:evento=”funcion_evento” para generar un evento, pero también puede ser acortado con un @evento=”funcion_evento”. Y el resultado es: que al pulsar el boton, se convierte…read more

Condicionales con VueJS

Posted by in Javascript y TypeScript

Seguimos aprendiendo VueJS, y ahora le toca el turno a las condicionales con VueJS. Se trata de utilizar los if … then, o if … else if … else … El ejercicio que vamos a realizar es bastante sencillo, y dentro del código HTML se utiliza la directiva v-if, v-else-if o v-else. El objetivo El objetivo del ejercicio de hoy es disponer de 2 botones, uno para “Me gusta” y otro para “No me gusta“, que están controlados por una variable like y notlike. Si pulso un botón, cambiaré el…read more

Herramientas para desarrollar con VueJS

Posted by in Javascript y TypeScript

Sin duda, VueJS es un framework que está teniendo una aceptación tremenda en el desarrollo web, y yo soy uno de ellos. Normalmente, el que tenga éxito un framework suele venir acompañado de herramientas de desarrollo vinculadas al mismo, y al igual que Facebook está al frente de React y se han desarrollado herramientas, algo similar sucede con las herramientas para desarrollar con VueJS. Vuejs DevTools En Firefox hay una extensión llamada Vue.js devtools que puedes incorporar: Al incorporar VueJS a las herramientas de desarrollador, encontrarás un icono arriba que…read more

Segundo paso con VueJS

Posted by in Frameworks

Te he contado porqué me gusta VueJS, y has leido y visto cómo de fácil es trabajar con VueJS, y es que, lo fácil que sea el primer paso de un lenguaje o framework es vital para su éxito. Hoy toca dar un segundo paso con VueJS, y seguir avanzando en el data-binding. Methods El objeto Vue necesita un elemento sobre el que trabajar ‘el‘, y además disponemos de una segunda propiedad ‘data’, donde guardar los valores de las propiedades. Hoy le toca a methods, que es el objeto donde…read more

Primer paso con VueJS

Posted by in Frameworks

Después de venderte la moto de lo bueno y lo que me gusta VueJS, pero aún no he mostrado ni una línea de código, así que, vamos con el primer paso con VueJS. La instalación En la documentación de VueJS hay un apartado específico para la instalación de la librería, y que propone varias alternativas. Lo primero y más descatable es que no soporta IE versión 8 y anteriores, es decir, que solo los navegadores modernos pueden hacer uso de él. Yo creo que a estas alturas, IE 8 está…read more

Página 1 de 7012345...1020304050...Última »