Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在vuex中处理嵌套/复杂对象_Javascript_Vue.js_Vuex - Fatal编程技术网

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

Javascript 在vuex中处理嵌套/复杂对象,javascript,vue.js,vuex,Javascript,Vue.js,Vuex,是否有熟悉Vuex和Vue.js的人可以帮助我编写一些代码 要么给我提建议,要么给我指出类似的情况来解决我的问题 我有一个comment部分(模块:comments),表示comment对象的数组。 每个注释都有一个“标记部分”、“回复部分””,需要对突变作出反应并将突变存储在数据库中 选项1:只有一个模块:包含所有实体操作的注释(注释、标记、回复)-将用非代表性操作填充注释模块 选项2:具有“回复、标签””和作为组件的vue数据存在的关联操作“回复部分”和“标签部分” 选项3:在这里描述,但

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

要么给我提建议,要么给我指出类似的情况来解决我的问题

我有一个comment部分(模块:comments),表示comment对象的数组。 每个注释都有一个“
标记部分”、“回复部分”
”,需要对突变作出反应并将突变存储在数据库中

  • 选项1:只有一个模块:包含所有实体操作的注释(
    注释、标记、回复
    )-将用非代表性操作填充注释模块
  • 选项2:具有“
    回复、标签”
    ”和作为组件的vue数据存在的关联操作“
    回复部分”和“标签部分”
  • 选项3:在这里描述,但我不知道是否需要为每个实体(注释、回复、标签)设置一个模块
提到我的API返回嵌套对象:

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

如果您有大量关系/嵌套数据,我建议您试试。它允许您使用关系规范化Vuex存储中的数据模式,就像在常规数据库中表示它一样。它还与
axios
GraphQL
等进行了大量集成。

我开始使用它。要学习的东西很多,给我的代码增加了更多的复杂性。我实现了自己的vuex orm axios插件,可以在操作后回调。是更好的语法,它平衡了前端和后端代码。现在我有了类似Comment.$fetch().onSuccess(使用响应的额外操作)的内容