Showing posts in Vue.js
post image

Enviar datos de un componente hijo al padre en Vue.js

2020-09-28 Vue.js

En un post anterior vimos Cómo Crear un componente en Vue.js y cómo enviar parámetros a un componente en Vue desde la instancia principal. El día de hoy veremos como hacer lo opuesto, enviar parámetros o información desde un componente hijo al p...

by Darío Rivera


post image

Evento click en Vue.js

2020-09-27 Vue.js

El manejo de eventos en Vue.js puede realizarse gracias a la directiva v-on. Para hacer bind de un evento basta utilizar esta directiva seguida del evento que se quiere enlazar y la expresión a utilizar. Veamos a continuación la sintaxis de esta directiv...

by Darío Rivera


post image

Componentes en Vue.js

2020-09-27 Vue.js

Un componente en Vue.js es la forma de reutilizar una instancia de Vue tantas veces como sea necesario. Mediante los componentes podemos crear nuestros propios elementos html, cada uno con sus propiedades y métodos particulares que fácilmente podemos reu...

by Darío Rivera


post image

Clases dinámicas en Vue.js

2020-09-26 Vue.js

En Vue.js existe una manera muy sencilla de agregar clases dinámicamente a un elemento HTML. La forma de hacerlo está ligada a cómo funciona la directiva v-bind en Vue de la cuál hemos hablando anteriormente en el post Enlace de atributos en Vue.js. ...

by Darío Rivera


post image

Propiedades calculadas en Vue.js

2020-09-26 Vue.js

Las propiedades calculadas (computed properties) aportan gran valor en el desarrollo con Vue y son muy similares a los Métodos en Vue.js los cuáles hemos visto ya anteriormente en el blog. Sin embargo hay una diferencia sutíl la cual veremos el día de ...

by Darío Rivera


post image

Watchers en Vue.js

2020-09-26 Vue.js

Los watchers en Vue.js son la manera más genérica de reaccionar al cambio de una propiedad en una instancia de Vue. Anteriomente hemos visto las Propiedades Calculadas en Vue.js y su diferencia con los Métodos en Vue.js. El día de hoy veremos cóm...

by Darío Rivera


post image

Directiva v-show en Vue.js

2020-09-25 Vue.js

Anteriormente en Vue vimos el Renderizado Condicional con v-if, v-else y v-else-if. Existe una parte de renderizado condicional que se puede realizar con la directiva v-show. El día de hoy veremos cómo utilizar esta directiva. Directiva v-show Esta direc...

by Darío Rivera


post image

Renderizado de listas en Vue.js

2020-07-01 Vue.js

Hace algunos días vimos el rederizado condicional en Vue.js con la directiva v-if. El día de hoy veremos otra directiva muy útil en cuanto al renderizado de listas HTML y es la directiva v-for. Esta directiva permite iterar un array o un objeto para mos...

by Darío Rivera


post image

Renderizado condicional en Vue.js

2020-06-22 Vue.js

El renderizado condicional sirve para mostrar un bloque de código HTML apartir de la evaluación de una condición. Si la condición es evaluada como true el bloque se mostrará, de lo contrario no se mostrará. Veamos a continuación algunas directivas q...

by Darío Rivera


post image

Métodos en Vue.js

2020-06-21 Vue.js

Hace unos días vimos el enlace de datos doble y los modificadores a la directiva v-model en Vue.js. Estos dos artículos nos servirán para explicar el tema del día de hoy, los métodos en Vue.js. Probablemente ya estarás familiarizado con los mét...

by Darío Rivera


post image

Modificadores a la directiva v-model en Vue.js

2020-06-16 Vue.js

En nuestro anterior post vimos el enlace de datos doble o bidireccional qué básicamente nos permite enlazar datos desde el HTML hacia Vue y viceversa, todo esto con la directiva v-model. Adicional a esto es posible definir unos modificadores a esta ...

by Darío Rivera


post image

Directivas v-text y v-html en Vue.js

2020-06-16 Vue.js

En un post anterior vimos el enlace de atributos en Vue.js y construímos nuestra primer aplicación en Vue.js. En estos post dejamos en claro el concepto de bindings y las interpolaciones de texto con las llaves {{ '\{\{ message \}\}' }}. El día de ...

by Darío Rivera


post image

Enlace de datos doble o bidireccional

2020-06-15 Vue.js

En nuestro anterior post vimos el enlace de atributos en Vue.js, el cual básicamente permite enlazar atributos de elementos HTML con una propiedad en Vue. Esto significa, que los datos son pasados desde la instancia de Vue hacia el HTML. El día de h...

by Darío Rivera


post image

Enlace de atributos en Vue.js

2020-06-08 Vue.js

En nuestro post anterior vimos cómo realizar nuestra Primera aplicación en Vue.js y demostramos por qué es un framework reactivo. El día de hoy veremos cómo se realiza el enlace de atributos en Vuejs para enlazar los atributos de elementos HTML. ...

by Darío Rivera


post image

Primera aplicación en Vue.js

2020-06-07 Vue.js

En nuestro artículo anterior vimos una Introducción a Vue.js en donde abarcamos algunas de las características más importantes de este framework. El día de hoy crearemos nuestra primera aplicación en Vue.js, el clásico "Hola mundo!". El primer paso ...

by Darío Rivera