Vue 数据对象限制答案

【问题标题】：Vue Data Object LimitationsVue 数据对象限制
【发布时间】：2020-08-27 14:52:12
【问题描述】：

我试图弄清楚有多少数据无法存储在 Vue 数据对象中。

假设我有 4,000 多个这样的对象：

personWithAppointment = {
  id: 1,
  appointment_id: 1,
  first_name: 'Jim',
  last_name: 'Jim',
  // +20 more similar attributes
}

我已将这些对象存储在 Vue 的 peopleWithAppointments 数据对象中：

data() {
  peopleWithAppointments: [
    // 4,000 personWithAppointment objects
  ],
}

这是不是数据太多了？ 10K 结果太多了吗？ 50K呢？有没有办法告诉我？

如果我将这些数据存储在我的 Vuex 商店的状态中呢？

【问题讨论】：

【解决方案1】：

没有限制，但在 vue 中保留 10k 个对象是没有意义的。强烈建议将其移动到任何数据库，如 MongoDB。

【讨论】：

我正在从 API 获取数据并呈现一个列表。然后，当单击其中一个列表项时，我会单击事件来获取更多数据。我更新了我的问题，因为我认为 people 示例可能具有误导性。我只是想弄清楚我最终是否会获取 4K、10K 等结果，我是否会遇到将对象列表放在数据对象中的问题。如果我发现在 Vue 对象中存储成千上万的结果并不重要，我将创建一个分页列表并输出这些结果。