javascript - 在 vuex 中处理嵌套/复杂对象

Question

有熟悉 Vuex 和 Vue.js 的人可以帮助我编写一些代码吗？

要么给我建议，要么指出一些类似的情况来解决我的问题。

我有一个评论部分(模块:评论)代表一组评论对象。每个评论都有一个“标签部分”、“回复部分”，需要对突变使用react并将突变存储在数据库中。

• 选项 1:只有一个模块:评论包含所有实体的操作(评论、标签、回复)——将用非代表性操作填充评论模块
• 选项 2:将“replies, tags”和相关操作作为组件“replies section”和“tags section”的 vue 数据存在
• 选项 3:此处描述 https://forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/2 ，但我不知道是否需要为每个实体(评论、回复、标签)设置一个模块

提到我的 API 返回嵌套对象:

`comments:[
  {
    id,
    title,
    text,
    replies: [{
      id,
      author: {id, name}
      comment_id,
      text
    }],
    tags: [similar with replies]
  },
//
]`

Answer 1

如果您有大量关系/嵌套数据，我建议您尝试 vuex-orm .它允许您使用关系在 Vuex Store 中规范化数据模式，就像您在常规数据库中表示的那样。它还与 axios、GraphQL 等进行了大量集成。