Добавить массив данных в vue без потери старых данных

Question

я делаю vue-приложение, я хочу добавить больше данных, которые извлекаются через возврат laravel в массив без потери старых данных

мои методы

    getData () {
        axios.get('get/users')
            .then(response => {
                this.queue = response.data.users
            })
        .catch(e => {
          this.errors.push(e)
        })
    }

и мои данные

    data: function () {
        return {
            queue: []
        }
    },

Полный скрипт

  data: function () {
        return {
            queue: []
        }
    },

  created () {
    this.getData()
  },
  methods: {


    getData () {
        axios.get('get/users')
            .then(response => {
                this.queue = response.data.users
            })
        .catch(e => {
          this.errors.push(e)
        })
    },

    decide (choice) {
      this.$refs.tinder.decide(choice)
    },

    submit (choice) {
      switch (choice) {
        case 'nope': // 左滑
          break;
        case 'like': // 右滑
          break;
        case 'super': // 上滑
          break;
      }
      if (this.queue.length < 2) {
        this.getData()
      }
    }
  }

вот ссылка на видео

https://youtu.be/iv82EGMD4XA

Я хочу, чтобы в очереди осталось 2 данных, вызвать this.getData () извлекать пользователей и добавлять данные массива в очередь без потери старых данных очереди

Answer 1

Вы можете использовать функцию concat

this.queue = this.queue.concat(response.data.users); 

В ответе axios

Вместо

this.queue = response.data.users