VueJS use v-for after mounted or else method

i need to get array after mounted was done, for create child of section in html.
Like – getting objects from api -> return array with objects -> create child blocks.

first time i used like

mounted() {
apiLoop.then((result) => {
    let tracksArray = result.data
      for (let i = 0; i < tracksArray.length; i++) {
        let genSection = document.querySelector('.charts')
        genSection.appendTo(`<div class="container card chartsCard" data-musicid="${tracksArray[i].id}">)
      }
})}

But how to make it right? Use v-for (but how to send tracksArray to v-for?) or create element in mounted?