Заполнение данных Vue на основе ответа от GET-запроса axios

Question

Представьте, что я делаю GET-запрос к конечной точке API, которая возвращает 10 изображений, например:

export default {
    data: function() {
        return {
            images: []
        }
    },
    mounted() {
        axios.get('https://api.unsplash.com/photos/?client_id=secret')
        .then(response => {
            for (var i = 0; i < response.data.length; i++) {
                this.images.push(response.data[i]);
            }
        })
        .catch((error) => console.log(error));
    }
}

Нужно ли инициализировать пустой массив изображений, а затем заполнить его ответом, используя цикл for, как я делал в своем коде, или это не нужно? Я не могу придумать какой-либо другой способ перебрать возвращенные изображения, если сам не сохраню их в своей собственной переменной.

Answer 1

Я не вижу в этом ничего плохого. Однако гораздо проще назначить его, так как вы получаете изображения только один раз в подключенном хуке.

export default {
    data: function() {
        return {
            images: []
        }
    },
    mounted() {
        axios.get('https://api.unsplash.com/photos/?client_id=secret')
        .then(response => {
            this.images = response.data;
        })
        .catch((error) => console.log(error));
    }
}