Vue.js 将Axios数据存储到全局变量中

Vue.js 将Axios数据存储到全局变量中,vue.js,Vue.js,我试图将axios调用的响应数据永久存储到全局变量中,而不是每次刷新时都调用它。由于json文件相当大,加载该站点大约需要2-4秒,我希望该文件在启动时只加载一次您有多种选择: 您可以使用存储,如vuex: 它允许您将数据存储在组件外部的对象中,并从您想要的位置调用il 如果是分页列表,则可以使用动态分页加载数据块: 想象一下,您有10000个项目,您的用户每页只能看到20个项目,因此只需加载5个第一页,每次用户单击“下一步”按钮时,加载20个下一步元素(这是一个示例,您可以在方便时对其进行改进

我试图将axios调用的响应数据永久存储到全局变量中,而不是每次刷新时都调用它。由于json文件相当大,加载该站点大约需要2-4秒,我希望该文件在启动时只加载一次

您有多种选择:

您可以使用存储,如vuex: 它允许您将数据存储在组件外部的对象中,并从您想要的位置调用il

如果是分页列表,则可以使用动态分页加载数据块: 想象一下,您有10000个项目,您的用户每页只能看到20个项目,因此只需加载5个第一页,每次用户单击“下一步”按钮时,加载20个下一步元素(这是一个示例,您可以在方便时对其进行改进)

或者您可以将两者结合使用;)