Conceptos básicos del framework Javascript Vue.js
Vue es un framework de Javascript para crear aplicaciones SPA de una forma rápida, agradable, sencilla y muy práctica.
easyVue CLI es el asistente oficial de Vue para crear y gestionar proyectos y aplicaciones SPA de forma práctica y sencilla.
medium¿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.
mediumLos 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.
easyConceptos relacionados alrededor de los componentes en Vue, tanto en aspectos generales como en la modalidad SFC (Single File Components).
Un componente es una manera de organizar una entidad de forma que posea estructura (HTML), funcionalidad (Javascript) y aspecto visual (CSS).
mediumLos archivos .vue son los llamados componentes SFC (Single File Component) que se utilizan en Vue para crear partes reutilizables de una página.
easyLa 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.
easyTodo 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.
easyCuando trabajamos con un componente o instancias de Vue, existen una serie de propiedades internas que podemos usar para acceder a información específica.
easyVue 3 introduce una nueva API denominada Composition API que permite una mejor escalabilidad y organización de datos que la tradicional Options API.
mediumEn la nueva Composition API de Vue 3 la parte de reactividad de Vue cambia ligeramente. Veamos cuales son esos cambios.
mediumDirectivas de Vue para realizar diferentes operaciones desde el etiquetado HTML de los templates.
Las directivas de Vue son atributos especiales en etiquetas HTML que permiten realizar acciones dinámicas muy potentes desde el HTML.
easyLas directivas v-show y v-if nos permiten establecer condicionales directamente en la parte de etiquetado HTML, sin tener que escribir lógica Javascript.
easyLa 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.
easyMediante 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.
easyMediante la directiva v-on (@) podemos asociar muy facilmente eventos Javascript a elementos del DOM, así como definir y personalizar sus particularidades.
easy