Vue.jsとAPIを利用して画像ファイルを取得する際、取得したファイルを上書きせず、並べる方法について

Question

前提・実現したいこと

Vue.jsとAPIを利用して画像ファイルを取得する際、取得したファイルを上書きせず、並べる方法

発生している問題・エラーメッセージ

'dog'と'cat'の画像を取得し並べたいのですが、画像ファイルを取得した際'cat'が'dog'に上書きされてしまいます

new Vue({
  el: '#gallery', 
  data: {
    photos: [],
  },

  created()  {
    this.fetchImagesFromFlickr('dog');
    this.fetchImagesFromFlickr('cat');
  },
  
  methods: {
    fetchImagesFromFlickr(searchText) {
      const url = getRequestURL(searchText);
    
      $.getJSON(url, (data) => {
        if (data.stat !== 'ok') {
          return;
        }
        this.photos = data.photos.photo.map(photo => ({
          id: photo.id,
          imageURL: getFlickrImageURL(photo, 'q'),
          pageURL: getFlickrPageURL(photo),
          text: getFlickrText(photo),
        }));
      });
    },
  }
});

Vue.js

試したこと

this.photos = data.photos.photo.mapの
mapメソッドの部分を他のメソッド（push等）に書き換えてみたのですが上手くいきませんでした。