Skip to main content
1 de 3
ffflabs
  • 23k
  • 28
  • 50

No veo para qué usas el bus si en el componente hijo no lo estás usando.

Si en el componente padre tienes:

data() {
  heroes:['heroe1','heroe2'];
}

Podrías usar el componente hijo dentro de los componentes del padre:

<template>
  <ver-heroes :heroes=heroes></ver-heroes>;
</template>

import verHeroes from 'verHeroes.vue';

export default {
  name: 'Heroes',
  components:[verHeroes],
  heroes:['heroe1','heroe2'];
}

Y en el componente hijo definir el template como:

<template>
   <p>{{identificador}}</p>
   <div v-for="heroe in heroes">
     {{heroe}}
   </div>
<template>

Cuando en el componente padre instancias el componente hijo pasándole la propiedad heroes del padre: <ver-heroes :heroes=heroes></ver-heroes>

Puedes usarla si el hijo la tiene entre sus props

export default {
   name:'verHeroes',
   props:['heroes'],
   data() {
     identificador: this.$route.params.id;
   }
}
ffflabs
  • 23k
  • 28
  • 50