使用 Vuex 在 Vue JS 应用程序中存储大型 HTTP 数据的位置

Question

我正在使用 Vue 和 Python 构建一个基本的 Twitter 类应用程序。我不确定在如何以最佳方式构建表以及将 API 返回的数据存储在何处方面的最佳做法。

我有一张用于用户、推文和关注者/关注者的表格。截至目前，登录调用以获取用户信息，然后在成功登录后进行另一个 HTTP 调用以检索所有用户推文。

我的表当前设置如下：
用户： id、用户名、密码、名字、姓氏
推文： id、tweet_text、created_on , author_id(user.id)
Follower/Followed: id, follower_id, follow_id

我目前正在调用推文并将所有数据存储在 Vuex（状态管理）中的数组中，但似乎并不理想？我只显示 tweet_text，但现在要反映名字和姓氏，所以我是否要进行另一个 http 调用并将所有用户存储在本地？

我在网上遇到的关于状态管理和 HTTP 调用的所有内容都是针对简单的小请求。在这种情况下，我不确定发出 HTTP 请求的次数以及是否在本地存储数据以及存储多少的最佳实践是什么。

Answer 1

进行提取以提取所有表并将其存储为对象。您还可以从表中提取所有数据，并在前端使用算法对其进行排序并将其置于状态中。这听起来更像是一个 SQL 问题，而不是 Vue/Vuex 问题。

您可以使用内部连接来获取所有推文及其用户，在前端以您喜欢的任何格式对其进行排序，然后将其保存在状态中。您基本上只需要决定是通过 SQL 在后端组织它还是通过 JavaScript 在前端组织它。