La reactividad y componentes en un Proyecto Vue 3 | Curso de Vue.js 3 - 03

Sobre esta lección

En este tercer video, profundizaremos en el concepto de reactividad en Vue.js 3, descubriendo cómo incrementar y decrementar valores de forma reactiva en tus aplicaciones. También aprenderás a cambiar el estilo CSS de tu página dentro de un componente Vue, explorando la sección 'Style'. Además, te guiaré en la creación de un componente Vue y en cómo importarlo al archivo principal de tu proyecto. Por último, te mostraré cómo subir tus cambios a GitHub utilizando Sourcetree. ¡No te pierdas este video lleno de conocimientos clave para dominar Vue.js 3! 00:00 Introducción a la sección del curso de vue 3 00:15 ¿Qué es y cómo funciona la reactividad en vuejs 3? 01:08 Mejorando la legelibilidad de un archivo .vue 02:06 Creando una variable reactiva 03:02 Cómo cambiar el valor de una variable de forma reactiva 06:03 Cómo agregar estilos CSS en un componente vue 06:32 Cómo crear un componente de vue e importarlo al archivo principal 10:13 Subir cambios del proyecto a Github con Sourcetree Página oficial de la documentación de Vue 3: https://vuejs.org Herramientas que ocupamos en este curso: Visual Studio Code: https://code.visualstudio.com/ + Instalar la extensión oficial de Vue (la puedes buscar como VOLAR) Sourcetree: https://www.sourcetreeapp.com/ | Esta herramienta nos permite utilizar GIT sin comandos. En google Chrome instala la extensión oficial de Vue.js 3, llamada vue.js devtools ¡No te pierdas esta oportunidad de dominar Vue.js 3 de manera clara y efectiva! Más adelante, crearemos un dashboard añadiendo CSS y el framework Bootstrap 5, creando vistas para CRUDs, utilizando Pinia, Vue Router, y otras dependencias como Vee-Validate y Yup. Para más contenido como este, tutoriales de Vue u otros frameworks de desarrollo web frontend, dale "Me gusta", comparte el vídeo y suscríbete. Si te sirvió el vídeo o quieres opinar sobre qué deberíamos ver en este curso de Vue 3, deja tu comentario. #curso #vuejs #vue