En resumen, la comunicación de padres con hijos es a través de propiedades y de hijos con padres es a través de eventos.
Y la propiedad scoped de css nos permite aplicar los estilos solo a ese componente
Introducción
Bienvenidos al Curso Profesional de VueJS
Introducción a VueJS
CLI y Dev Tools
Herramientas y Experiencia de Desarrollo + Archivos .vue
CLI - Hello World
Webpack
Babel
Eslint
SASS y BULMA
PUG
Ejercicio de SASS y PUG
Ejercicio Avanzado de Pug y SASS
Manipulación del DOM
Expresiones
Directivas
Data Binding
Computed properties
Watchers
Eventos
Integración a Platzi Music
Ejercicio de Manipulación del DOM
REST y HTTP
Servicios
Fetch API & Trae
Consumir API's REST
Sistema de Componentes
Component
Creación de componentes
Reactividad
Ciclo de vida
Comunicación entre componentes padres e hijos
Comunicación de hijos hacia padres
Utilización de Slots
Comunicacion entre Componentes Genericos - Event Bus y Plugins
Vue Router
Introducción a Vue Router
Instalar vue-router y configurar router view
Crear y Navegar Rutas con router-link
Extendiendo VueJS
Modifiers
Filtros
Directivas Personalizadas
Mixins
Clases, Animaciones y Transiciones36
Vue Transitions y Animaciones de CSS
Vuex
Estado Centralizado, Flux y Vuex
State
Mutations
Getters
Actions
Integración a Platzi Music
Nuxt.js
Server Side Rendering
Nuxt.js
Conceptos Básicos de Nuxt
Deploy a Producción con Now
Qué es now
Configuración de now y deploy
Conclusiones
Cierre del curso
Bonus
Internacionalización con vue-i18n
Unit Test Karma - Mocha & Webpack
Implementación de Autenticación de Usuarios en Vue usando JWT
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Ignacio Anaya
Aportes 16
Preguntas 4
En resumen, la comunicación de padres con hijos es a través de propiedades y de hijos con padres es a través de eventos.
Y la propiedad scoped de css nos permite aplicar los estilos solo a ese componente
¡El sistema de componentes es genial!
Asi vamos
methods: {
selecTrack() {
this.$emit('select', this.track.id )
}
}
Componente padre
html
@select="setSelectedTrack"
js
methods {
setSelectedTrack(id){
this.selectedTrack = id
}
}
Como te le puedo dar me gusta a este video?, es genial…
También se puede usar
this.$parent.nombreDeMiFuncion()
¿pero cual es la forma correcta?
¿Cuando es recomendable usar uno u otro?
Saludos.
Checando los datos que retorna el API, observo una property llamada uri que me manda a spotify.
Hay manera que mediante esta property me haga del sonido y reproducirlo en mi App
Ty de nuevo jeje
No entendí lo que hizo en 07:54 alguien podría explicarme un poco mejor?
Saludos!
un componente hijo se comunica con un componente por medio de emitir un evento con metodo $emit()
Hola que tal no entendi algo
cuando hago un metodo con el evento click
tambien save reconocer el this (track)
no entendi esa parte gracias
A diferencia de los props que es la comunicacion entre Padre e Hijo, para la comunicacion de Hijo a padre es atraves de eventos Vue contiene evento personalizados que es $emit la cual permite que el hijo interatuo con el padre a travez de evento.
👌
.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?