javascript - promise 中的变量

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>

但是“posts”当然不能作为变量访问。我尝试在“.then”中添加变量，但出现错误。这可能是一个基础知识，但一直未能找到明确的答案。谢谢。

Answer 1

在 Promise 链之外声明一个变量/属性，然后在 Promise 解析时为其赋值。一般来说，类似于

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