处理 vuex 中的嵌套/复杂对象

Question

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

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

我有一个表示评论对象数组的评论部分（模块：cmets）。 每个评论都有一个'tags section', 'replies section'，需要对突变做出反应并将突变存储在数据库中。

• 选项 1：只有一个模块：cmets 包含所有实体的操作 (comments, tags, replies) - 将用不具代表性的操作填充 cmets 模块
• 选项 2：拥有 'replies, tags' 和关联的动作作为组件 'replies section' and 'tags section' 的 vue 数据存在
• 选项 3：此处描述 https://forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/2，但我不知道是否需要为每个实体设置一个模块 (comments, replies, tags)

提到我的 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等有很多集成。