更新Nuxt中asyncData()获取的数据

Question

我想知道是否有方法可以更新asyncData()返回的数据？对于一个论坛应用，在帖子页面中，我通过以下方式获得回复数据：

async asyncData(){
    const {data:replies}=await axios.get('replies.json')
    return { replies }
}

并在模板中呈现它：

<div v-for="rep in replies">
    <div>{{rep.likes}}</div>
    <div>{{rep.content}}</div>
</div>

我想在post页面中实现一个replyToPost功能。但是，当用户发布回复时，我不知道如何更新asyncData()方法已经获取的replies数据。

Answer 1

任何asyncData项，在你的例子中，‘回复’的行为就像一个普通的数据项，一旦它被初始化，因为Nuxt.js will automatically merge the returned object with the component data.。因此，您可以像更改任何其他数据项一样对其进行更改。我假设‘回复’是一个数组，所以你可以只有一个方法：

newReply(reply) {
  this.replies.push(reply)
}

它将被添加到数组中。