Javascript VueJS-V-for不'；在数据更新后重新渲染，需要刷新页面才能看到更改

因此，这段代码确实添加或删除了一个条目，但无论何时添加或删除，它都不会显示更改，而是重新呈现。我需要刷新页面以查看发生了哪些更改

注意：我正在使用ME（Vue）N堆栈

我有以下代码：

从“../../postService”导入postService；
导出默认值{
名称：'postComponent'，
数据（）{
返回{
员额：[]，
错误：“”，
文本：“”
}
},
异步创建（）{
试一试{
this.posts=等待postService.getPosts（）；
}捕获（e）{
this.error=e.message；
}
},
方法：{
异步createPost（）{
wait postService.insertPost（this.text）
this.post=等待postService.getPosts（）；
//警报（此.post，“--”）
},
异步deletePost（id）{
等待邮政服务。删除邮政（id）
this.post=等待postService.getPosts（）；
//警报（this.post）
}
}
}

最新帖子
输入。。。
邮递

{{error}
{{`${post.createdAt.getDate（）}/${post.createdAt.getMonth（）}/${post.createdAt.getFullYear（）}}}}
{{post.username}

您的组件有一个数据属性

posts

，但您在代码中的多个位置分配给了

this.post

---

我怀疑是输入错误，但也值得记住的是，如果在实例化组件时此附加属性（

this.post

）不可用，则在创建/分配组件时，它不会（神奇地）转换为被动属性。

谢谢！！！我找到了。也许我太累了，无法编写代码，而且根本没有注意到输入错误。无心之过我的错。