Переменные в обещаниях

Question

Я очень новичок в javascript и пытаюсь что-то понять.

У меня есть этот кусок кода:

api.posts
  .browse({ limit: 5, include: 'tags,authors' })
  .then(posts => {
    posts.forEach(post => {
      console.log(post.title)
    })
  })
  .catch(err => {
    console.error(err)
  })

Это прекрасно работает, и на консоли я вижу 5 названий постов. Однако мне нужно создать шаблон с чем-то вроде этого:

<article v-for="post in posts" :key="post">
  <h2>{{ post.title }}</h2>
</article>

но, конечно, "сообщения" не доступны в качестве переменной. Я пытался добавить переменные внутри ".then", но с ошибками. Это может быть базовое знание, но не удалось найти четкого ответа. Спасибо.

Answer 1

Объявите переменную / свойство вне цепочки обещаний, а затем присвойте ей значение, когда обещание разрешено. Как правило, что-то вроде

api.posts
  .browse({ limit: 5, include: 'tags,authors' })
  .then(response => vm.data.posts = response)