ManzDev
Perfil de Manz Dashboard de actividad
HTML5 Etiquetas HTML
CSS CSS vanilla
PostCSS Transformador CSS
Javascript Javascript ES2020+
NPM Node Package Manager
WebComponents Componentes web
Terminal Terminal de GNU/Linux
VueJS Framework VueJS 3
Automatizadores Empaquetadores Javascript
Dibujando con CSS ¡Dibujos hechos con sólo CSS!

Framework Vue.js

Introducción a Vue.js

Conceptos básicos del framework Javascript Vue.js

¿Qué es Vue?

Vue es un framework de Javascript para crear aplicaciones SPA de una forma rápida, agradable, sencilla y muy práctica.

easy

El asistente CLI (@vue/cli)

Vue CLI es el asistente oficial de Vue para crear y gestionar proyectos y aplicaciones SPA de forma práctica y sencilla.

medium

Estructura de carpetas de VueJS

¿Para qué sirve ese fichero que está dentro de la estructura de carpetas del proyecto Vue.js que creamos con el asistente @vue/cli? Sigue leyendo.

medium

Primeros pasos con VueJS

Los primeros pasos siempre son difíciles, pero en este artículo te guiaremos con todo aquello que debes conocer para enfrentarte al framework Javascript VueJS.

easy

Componentes SFC

Conceptos relacionados alrededor de los componentes en Vue, tanto en aspectos generales como en la modalidad SFC (Single File Components).

¿Qué es un componente?

Un componente es una manera de organizar una entidad de forma que posea estructura (HTML), funcionalidad (Javascript) y aspecto visual (CSS).

medium

¿Qué son los archivos .vue?

Los archivos .vue son los llamados componentes SFC (Single File Component) que se utilizan en Vue para crear partes reutilizables de una página.

easy

Options API (Vue 2+)

La conocida como «Option API» es la forma tradicional de trabajar con Vue, que es posible utilizarla tanto en la versión 2 de Vue como en la versión 3.

easy

Ciclo de vida (Lifecycle hooks)

Todo componente o instancia de Vue pasa por varias fases en lo que se llama el ciclo de vida de Vue. Veamos cuales son esas fases.

easy

Propiedades de Instancias (Vue 2+)

Cuando trabajamos con un componente o instancias de Vue, existen una serie de propiedades internas que podemos usar para acceder a información específica.

easy

Composition API (Vue 3)

Vue 3 introduce una nueva API denominada Composition API que permite una mejor escalabilidad y organización de datos que la tradicional Options API.

medium

API de Reactividad (Vue 3)

En la nueva Composition API de Vue 3 la parte de reactividad de Vue cambia ligeramente. Veamos cuales son esos cambios.

medium

Directivas Vue

Directivas de Vue para realizar diferentes operaciones desde el etiquetado HTML de los templates.

¿Qué son las directivas de Vue?

Las directivas de Vue son atributos especiales en etiquetas HTML que permiten realizar acciones dinámicas muy potentes desde el HTML.

easy

Directivas v-show y v-if (condicionales)

Las directivas v-show y v-if nos permiten establecer condicionales directamente en la parte de etiquetado HTML, sin tener que escribir lógica Javascript.

easy

Directiva v-for (bucles)

La directiva v-for sirve para hacer bucles en Vue en la parte de código HTML, sin tener que realizar lógica Javascript. Profundicemos en aprender como funciona.

easy

Directiva v-bind (enlace)

Mediante la directiva v-bind (dos puntos) podemos enlazar (bindear) un atributo HTML con una variable de Vue, de modo que si cambia, se actualiza automáticamente.

easy

Directiva v-on (eventos)

Mediante la directiva v-on (@) podemos asociar muy facilmente eventos Javascript a elementos del DOM, así como definir y personalizar sus particularidades.

easy