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;
}
}