Ayuda para iterar un array dentro de otro array en VUE.JS

tengo esto en mi metodo de vue

async consultarObras(){
try{
await axios.get(api()+‘crud/post.php?consulta=listar’)

              .then(response =>{
   this.datos= response.data
  
  })

  if(this.chistes.length==0){
     this.mostrarAdvertencia('No hay datos disponibles.')

   }
 }catch(error){
   this.mostrarError('Error consultando')
 }

},
lo que quiero es poder iterar todo, incluido el detalle de cada publicacion para luego mostrarlo con vue.
he podido iterar todo menos el detalle . no se me ocurre que podria hacer para poder mostrar los detalles de cada publicacion.
agradeceria si me pueden ayudar.
gracias de antemano.

https://www.w3schools.com/js/js_array_iteration.asp

Se trata de iterar el array padre, obtener los hijos, iterar hijo.detalles.reacion y ya lo tendrias supongo.

Ejemplo:

this.datos.forEach(child => {
      child.detalles.reacion.forEach(detalle => {
            console.log('Aqui dispones de cada detalle y ya haces lo que veas con el ', detalle);
      });
});

Lo equivalente a este javascript en Vue seria la directiva “v-for” con la cual puedes iterar una lista a componentes o elementos.

Un Saludo