Добрый день, есть данные json, с ключом api, (20 объектов) нужно отобразить их на странице через Vue js
собираю проект через вебпак, устанавливаю axios через npm, пишу гет запрос с промисом. В консоли вижу объекты, которые нужно вывести на страницу, как к ним теперь правильно обратися через директивы vue? В темплейте, что прописал, отображает только название массива hits,totalhits,total. Все перекопал, ответа найти не могу.
<template>
<div class="hello">
<div class="hits-container" v-for='(value, key) in hits'>
<span class="left">{{ key }}</span>
<span class="left">{{ key.comments }}</span>
</div>
</div>
</template>
<script>
import axios from 'axios'
export default {
name: 'hello',
data: () => ({
hits: [],
errors: []
}),
created () {
axios.get('https://pixabay.com/api/?key=2980920-46f1aa264b036ffc6e45ebad0&orientation=vertical&q=robot&min_height=500https://pixabay.com/api/?key=2980920-46f1aa264b036ffc6e45ebad0&orientation=vertical&q=robot&min_height=500')
.then(responce => {
this.hits = responce.data
console.log(responce)
})
.catch(e => {
this.errors.push(e)
})
}
}
</script>
Средний
