Guao!! Tuve que ver el vídeo 2 veces!, esta genial ésto de los Scoped Slots, de hecho me sucedió un problema parecido en dos proyectos en Vue, mi solución fue modificar los componentes hijos.!!
Bienvenida e Introducción
Bienvenida y Presentación del proyecto: PlatziRooms
Creación y configuración inicial del proyecto utilizando VUE CLI 3
Boilerplate y Limpieza del proyecto
Render Functions y JSX
¿Que son las Render Functions y JSX?
Preparando nuestro entorno para un prototipo
Creación de un componente con createElement
Utilizando JSX para la creación de un componente
Utilizando Slots con Render Functions y JSX
Creando un Modal de Login para PlatziRooms
Creando la lógica general de nuestros modales con Vuex
Creando el contenido de nuestro modal
Componentes controlados y uso de librerías externas
Componentes Controlados y Variables Personalizadas
Construcción del componente de Recordar Contraseña
Creación de un componente Slider utilizando la librería tiny-slider
High Order Functions
¿Qué son las High Order Functions? - Crea tu primera HOF
Vuex
Obtener datos usando Vuex
Crea un getter dinámico en Vuex utilizando HOF
Creación de la vista para creación de publicaciones
Agregando datos con Vuex
Base de datos en tiempo real con Firebase
Instalación y Configuracion de Firebase Realtime Database
Obteniendo los datos desde Firebase Realtime Database
Agregando la consulta de usuarios
Almacenando nuevas publicaciones en Firebase Realtime Database
Perfeccionando el flujo de navegación de nuestra App
Autenticación con Firebase
Configuracion Inicial para trabajar con Firebase Authentication
Agregando nuevos usuarios en firebase autentication
Inicio de sesión de usuario
Cierre de sesión de usuario
Protegiendo páginas utilizando Navigation Guards
Scoped Slots
¿Qué son los Scoped Slots? Dónde utilizarlos y por qué
Integración de Scoped Slots en Platzi Rooms
Deploy
Creando y desplegando nuestra app en Heroku
Conclusiones y Despedida
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
¿Qué son los Scoped Slots? Dónde utilizarlos y por qué
31/34Recursos
Los Scoped Slots son un tipo de slots especiales que nos ayudan a crear templates reutilizables que exponen la información del componente para que los componentes padres puedan acceder a las props de sus componentes hijos.
Aportes 5
Preguntas 0
Ordenar por:
En este enlace lo explican de forma detallada.
Link
Buff, que enredada la explicación D: Si no entendí mal, los scoped slots son lo mismo que se explica en el curso básico de Vue, así que la explicación más simple podría estar en dicho capítulo
Es Genial la capacidad de personalizar nuestros componentes los Scoped Slots Realmente hacen que nuestros componente sean muchos mas reutilizables.
Ventajas y características de los Scoped Slots:
- 🛃 Contenido más personalizado
- ♻️ Componentes más reutilizables
- 🔁 Acceso desde los componentes padres a los datos de los componentes hijos, algo así como pasar props pero a la inversa 🙈👏
- 🤔 Son algo así como renderless components o componentes que no renderizan contenido sino que los usamos para acceder a datos especiales de alguna parte, me atrevería a decir que son algo muy parecido a las Render Functions o componentes Providers de React 👀
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.