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

时间:2019-05-07 15:26:58

标签: javascript vue.js vuex

(对不起,英语不好) 如果受vuex js困扰的人可以帮助我解决代码策略问题-一些类似情况的建议/要点。我将不胜感激。 我有一个注释部分(模块:注释),表示注释对象的数组。 每个注释都有一个'tags section', 'replies section',需要对突变有反应并将突变存储在db中。 选项1:仅具有一个模块:注释包含所有实体的动作(comments, tags, replies)-将用非代表性动作填充注释模块 选项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] }, // ]

谢谢!

1 个答案:

答案 0 :(得分:1)

如果您有大量的关系/嵌套数据,建议您尝试vuex-orm。它使您可以通过关系规范Vuex Store中的数据模式,就像在常规数据库中表示的那样。它还与axiosGraphQL等有很多集成。