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

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

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

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

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

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

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