[EXAMPLE] Mi componente hijo no muestra la data del padre

[rolandoesc]

En este ejemplo la idea es ver como se puede escribir un issue cuando se necesita apoyo.

Tengo un componente padre que tiene su título y subtítulo en data, le estoy pasando el subtítulo al hijo pero no se lee, ¿Por qué puede ser?

Componente padre

<template>
...
  <Hijo :subtitles="parentSubtitle"/>
...
</template>
<script>
export default {
  data() {
    return {
    ...,
    parentSubtitle: "Texto de Subtítulo"
    }
  }
}
</script>

Componente hijo

<template>
...
  <h2> {{subtitle}} </h2>
...
</template>
<script>
export default {
  props: ['subtitle']
}
</script>

[manuelojeda]

Hola Rolando, por lo que veo tiene un typo al momento de asignar el valor al hijo, dentro de las props del componente hijo tienes

props: ['subtitle']

Por lo que el padre debería ser <Hijo :subtitle="parentSubtitle"/>

Saludos