I have created a method in VueJS that fetches data from an API and can accept different parameters that will make different API requests that retrieve different information.

this is the base method and its parameters: getContents(url, requestType, collection, param = null)

However inside this method, there is a call to another method that will do the actual API fetch. The thing is that no matter what the API Call is, the fetched contents will always be saved to the same hardcoded variable (in this case the variable this.contents ):

async goGetIt(url) {
      try {
        let res = await fetch(url);
        this.contents = await res.json(); //in this line you should put your destination array where data will be stored.
      } catch (error) {
        console.log("The request returned the following error: " + error);
      }
    }

What I would like to implement is for me to be able to pass a pre-created array that would be passed as argument in this function: getContents(url, requestType, collection, param = null, **destinationArray**) and that would then be used as destination for the fetched data.. This would allow me to have several different API Calls Happening at the same time in the same View or Component and saving information to different arrays. Because if I do not implement it, everytime I have 2 different calls of the same method, all the info from the previous fetch will be replaced with the late method call's info.

Is this possible to do with javascript and VueJS?

thank you for your help.