Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Comunicación con componentes profundos

20/23
Recursos

Aportes 8

Preguntas 6

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Hola, en el minuto 7:28 se corta el video donde va a escribir el from, le estuve intentando para saber cuál sería, ya que ella menciona que es de donde va a provenir el contenido que quiero que aparezca. Lo hice de esta manera por si alguno tiene curiosidad o desea corregirme si no es así. Saludos!

app.component("v-third", {
            inject:{
                otherText: {
                    from : this.provide
                }
            },
            template: `<h4>{{ otherText }}</h4>`
        })

Dejo mi aporte; para que funcione la reactividad al componente “profundo”, se debe usar la función computed de vue, de la forma como estabamos trabajando no se puden hacer importaciones, se debe usar la sistaxis de modulos ecmascript, en el código funciona, aun que sale un warning

20ComComponentesProfundos.html

Asi queda con la configuarcion en formato JSON utilizando el atributo ‘from’:

        inject: {
          otroTexto: {
            from: "otroTexto",
          },

Para utilizar alias de inyección se puede usar el siguiente formato de objeto:
text2 es el alias y otravariable es la variable que viene del provide.

inject: {
	text2: {
		from: 'otravariable'
	}
},

otro

Muy claro explico el tema la profe, no terminaba de entender el provide /Inject y ahora si.

```vue from: this.$emit ```