诺言中的变量

时间:2019-04-09 17:02:50

标签: javascript variables vue.js

我对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”内添加变量,但出现错误。 这可能是基本知识,但是还没有找到明确的答案。谢谢。

1 个答案:

答案 0 :(得分:3)

在promise链之外声明一个变量/属性,然后在promise解析后为其分配值。通常,类似

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