Vue.js Vuex:状态管理。从状态或服务器获取数据的更好方法是什么?

Vue.js Vuex:状态管理。从状态或服务器获取数据的更好方法是什么?,vue.js,vuejs2,vuex,state-management,Vue.js,Vuejs2,Vuex,State Management,我把我所有的产品都拿到州政府。我没有做任何形式的分页。当用户从产品列表中查看产品时。我该怎么办? 我应该在该productID的帮助下使用一些过滤器,从该州获取所选产品的其他详细信息,还是使用该productID从服务器获取数据? 我还想知道它是否会改变你的答案:如果我有50种产品,该用什么,如果我有100种产品,该用什么。 哪个更快更好 这个问题似乎很有舆论基础,很可能会结束。没有明确的答案,但以下是一些线索: 50和100是一回事,问题更多的是在50和5000之间。如果您的列表非常大(数千项

我把我所有的产品都拿到州政府。我没有做任何形式的分页。当用户从产品列表中查看产品时。我该怎么办? 我应该在该
productID
的帮助下使用一些过滤器,从该州获取所选产品的其他详细信息,还是使用该
productID
从服务器获取数据? 我还想知道它是否会改变你的答案:如果我有50种产品,该用什么,如果我有100种产品,该用什么。
哪个更快更好

这个问题似乎很有舆论基础,很可能会结束。没有明确的答案,但以下是一些线索:

  • 50和100是一回事,问题更多的是在50和5000之间。如果您的列表非常大(数千项),则由于性能问题,不应将其存储在您的状态中
  • 如果您需要的所有信息都已经在您的状态中,那么从该状态获取比调用API更快
  • 请记住,从状态获取将显示可能已过时的产品信息,而从API获取将提供更多最新的详细信息(例如,如果显示产品库存)
  • 如果你的列表不太大(最多几百个项目,取决于它们的大小),你基本上可以根据需要做什么来做什么。每种解决方案都有其优点和缺点,例如,在加载应用程序时将所有内容都存储在状态中可能会使您处于“脱机”模式,但在访问每个项目时获取这些项目将为您提供更新的信息

    如果您的列表很大,那么“经典”的方法(但不是唯一的方法)是创建一个分页的列表,该列表只包含产品的主要细节,而不是整个项目。当您访问一个产品时,它将从您的API中获取