Componentes Padres, Componentes Hijos y Props | Curso de Vue js 3 - 09

Sobre esta lección

En este noveno video del curso, finalizamos el ejemplo de consumo de API que comenzamos en el capítulo anterior, mostrando cómo cambiar la URL de la API y cómo cambiar los parámetros a recorrer para obtener diferentes resultados. Además, explicamos detalladamente el concepto de componentes padres e hijos en Vue.js 3 con composition API, y cómo pasar datos entre ellos utilizando props y escuchar sus cambios con Watch. ¡No te pierdas este video lleno de conocimientos clave para mejorar tus habilidades en Vue.js 3 y sigue este curso desde cero para volverte un experto desde principiante! 00:00 Terminando ejercicio para consumir API con Vue 3 05:53 Cómo crear variables Reactivas con Ref en Vue js 3 09:40 Qué son los componentes Padres y componentes Hijos en Vue.js 3 11:37 Cómo definir propiedades para comunicar componentes padres con hijos en vue 3 14:52 Cómo pasar datos de un componente padre a un hijo en vue 18:00 No olvides subir tus cambios a GitHub con Sourcetree Página oficial de la documentación de Vue 3: https://vuejs.org Página oficial de la documentación de Pinia: https://pinia.vuejs.org/ Documentación de Axios: https://axios-http.com/es/docs/intro URL de la API del clima: https://open-meteo.com/en/docs/ 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, SIGUE LOS CAPITULOS DE ESTE CURSO GRATUITO DE VUE 3 Y APRENDE FÁCIL LO MÁS IMPORTANTE DE ESTE FRAMEWORK! En próximos videos, crearemos un formulario de login añadiendo CSS y el framework Bootstrap 5. Utilizaremos Pinia, Vue-Router, VeeValidate y Yup, realizando peticiones a un backend mediante API con Axios. Para más contenido como este, tutoriales de Vue.js 3 u otros frameworks de desarrollo web frontend (Angular, React), así como de desarrollo web full stack con Nuxt o Laravel, asegúrate de darle "Me gusta", compartir el video y suscribirte. Si este video te fue útil o tienes sugerencias sobre qué más deberíamos abordar en este curso de Vue 3, déjanos tu comentario #vuejs #components #vue