Как вытащить данные из массива?

Question

[DiseaseC]

Подключаюсь к API:

axios.get("http://hn.algolia.com/api/v1/search_by_date?tags=story")
    .then(response => {
        this.stories = response.data;
            })

Пытаюсь распарсить данные из json

<div v-for="(story, idx) in stories" :key="idx">
      <h2>{{ story }}</h2>
  </div>

[
  { 
    "created_at": "2020-02-18T15:17:39.000Z", 
    "title": "The Swap-Or-Not permutation generator (2012)", 
    "url": "https://arxiv.org/abs/1208.1176", 
    "author": "ur-whale", 
    "points": 1 
  } 
}

Обратиться к элементам из json, например, story.title не получается, потому что они обёрнуты в массив. Как это можно исправить?

Comments

[Михаил]

вывести циклом

[Swartex]

Обратиться к элементам из json, например, story.title не получается, потому что они обёрнуты в массив. Как это можно исправить?

story[0].title

Answer 1

[0xD34F]

замените

<div v-for="(story, idx) in stories" :key="idx">

на

<div v-for="n in stories.hits" :key="n.objectID">

Comments

[DiseaseC]

Дружище, спасибо) Я тебя обожаю!

Answer 2

[Alex]