Попытка загрузить данные в объекты через XMLHttpRequest в vue

Question

Я пытаюсь получить несколько разных наборов данных из конечных точек API. Можно ли повторно использовать эту функцию таким образом, чтобы я мог передать URL и какой массив данных я хочу обновить?

        data () {
            return {
              currencyData: [],
              modesData: [],
              regionData: [],
              ratingData: [],
              languageData: []
            };

          },


    methods: {
        fillLanguageData: function () {
              let xhr = new XMLHttpRequest();
              let self = this;
              xhr.open('GET', this.globalAPIBaseUrl + 'languages', true);
              xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8');
              xhr.onload = function () {
                self.languageData = JSON.parse(xhr.responseText);
                self.checkAllLoaded();
              };
              xhr.send();
            },
}

Я надеялся, что это сработает, но я явно упускаю что-то фундаментальное в этом

dotest: function () {
      this.getAnyData('modes', this.modesData);
    },
    getAnyData: function (v1, v2) {
      let xhr = new XMLHttpRequest();
      let self = this;
      xhr.open('GET', this.globalAPIBaseUrl + v1, true);
      xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8');
      xhr.onload = function () {
        v2 = JSON.parse(xhr.responseText);
      };
      xhr.send();

    },