Vuex 存储我所有的产品信息和 API 请求查询

Vuex to store all my product information and API request query

这是一个有点 Vue/Vuex 效率/确认最佳实践的问题。

我有一个 API 返回一个包含 50 种产品的分页数据集,我将其保存在 Vuex 商店中。

对于我的 "show all products" 视图,我正在遍历 Vuex 商店。

对于我个人的产品路线,我有两种想法是直接从 Vuex 商店加载产品(意味着不需要再次请求该产品,因此速度更快。)还是只请求该产品来自我的 API.

我猜权衡是对 API 的初始请求需要响应比用户最初在 "show all products" 视图中暴露的数据更多的数据,因此看起来有点浪费。

对此有什么想法和意见吗?只是想和另一个人确认我的想法。

同样使用 Vuex,是否可以继续向存储追加数据?例如,如果用户循环浏览更多产品,我应该将附加数据从 API 追加到商店中,还是只保留滚动的 50 条记录?

非常感谢!

菲尔

我真的不认为将所有数据都放在 vuex 中是个好主意,我会更多地使用 Vuex 来管理和维护购物车,或其他一些状态...

如果您的产品数据库索引良好,并且您只获得一页产品,那么您的 REST 调用应该足够快。 您可能应该投入更多时间来改进您的数据库和 Db - 查询。 这将进一步提高您的休息电话的响应能力...

您还应该认为,如果不细化搜索,大多数用户不会超过产品的第 3 或第 4 页,因此良好的搜索更为重要。

如果你使用 vuex 的问题是,如果你存储大量数据,它真的会变慢(我已经做到了),如果你使用 mutations 和 getters,它会变得更慢。

如果你真的想把产品存储在客户端,因为你有潜在的用户连接不好,那么我建议使用一些其他的离线存储功能,比如 IndexedDB(不要使用 LocalStorage或 WebSQL 它们是旧的 and/or 特定于供应商)...

我希望这能帮助你做出决定。