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