@Synakten

Как вывести данные API на страницу через Vue js?

Добрый день, есть данные 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>
  • Вопрос задан
  • 1517 просмотров
Решения вопроса 1
@hopeful_romantic
hits[0]. previewHeight
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы