最佳实践JS API（json）数据用法，“模型”或JSON-性能，可维护性，资源

Question

我使用Laravel和VueJS（和Vuex）构建了一个应用程序。我对使用这些framworks或前端构建应用程序不是很有经验。我想知道使用前端从API接收的数据的最佳实践或最佳方法是什么。

我的应用程序有包含1个或多个用户的帐户。前端显示例如所有帐户的概述以及所有用户的列表（例如，出于管理目的）。我的API返回这样的内容（示例）：

一些上下文可以解释我的问题：

// When fetch account(s)
data: {
  account: {
    id: "a1",
    name: "Account1",
  },
  accounts: [
    acount x,
    account y,
    ...
  ]
}  
// When fetch user(s)
data: {
  user: {
    id: "u1",
    name: "User1"
  },
  users: [
     ...
  ]
}

从性能上来说，最好将API中的json对象直接保存在商店中。我将使用商店中的JSON对象填充更新视图和概述表。

从软件工程的角度来看，我更喜欢创建ES6（类）对象。这可以具有一些优点：

• 我可以为用户和帐户对象实现类似save()或update()或fetchUsers()的功能。这些功能称为获取或更新功能（VueX FLUX存储）。
• 我可以使用继承，例如用于save()功能等。>
• 当我需要其他功能时，可以在对象类中实现它们
• 也许它还有其他我不知道的（“模型”）优势

在这种情况下，我将json数据解析为ES6类对象，并将这些对象（或对象列表）保存在我的商店中，而不是json对象中。

现在我正在寻找的地方：

• 是否有（ES6？）常规会议（找不到），或者针对这种情况的最佳实践是什么？ /可以选择2个（或其他）选项中的哪一个？
• [在性能或资源使用方面，例如对于移动设备，创建对象产生了什么影响？
• 最终的性能或资源影响可忽略不计吗？ （是否有某种最佳实践限制对象的数量？）

我认为问题和我的问题很明确，但是当需要一些其他信息时让我知道。

我使用Laravel和VueJS（和Vuex）构建了一个应用程序。我对使用这些framworks或前端构建应用程序不是很有经验。我想知道什么是最佳实践或最佳使用方法...

Answer 1

通常为州管理商店（如Vuex，推荐的最佳做法是