vuex에서 중첩된/복잡한 개체 처리

vuex에서 중첩된/복잡한 개체 처리

Vuex와 Vue.js에 대해 잘 아는 사람이 있나요?

조언을 해주거나, 제 문제를 해결할 수 있는 비슷한 상황을 제게 알려주거나 둘 중 하나죠.

코멘트 오브젝트의 배열을 나타내는 코멘트 섹션(모듈: 코멘트)이 있습니다.각 코멘트에는 '가 있습니다.tags section', 'replies section돌연변이에 반응하고 돌연변이를 DB에 저장해야 합니다.

• 옵션 1: 모듈 1개만: 모든 엔티티의 액션을 포함하는 코멘트(comments, tags, replies) - 코멘트 모듈에 대표적이지 않은 액션을 입력합니다.
• 옵션 2: '의replies, tags컴포넌트의 vue 데이터로 존재하는 아소시에이트된 액션.replies section' and 'tags section'
• 옵션 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]
  },
//
]`

관계형/내스트된 데이터가 많은 경우 vuex-orm을 사용해 보는 것이 좋습니다.Vuex Store 내의 데이터 스키마를 일반 DB에서 나타내듯이 관계를 통해 정규화할 수 있습니다.또, 많은 통합 기능을 갖추고 있습니다.axios,GraphQL,기타.

언급URL : https://stackoverflow.com/questions/56025922/dealing-with-nested-complex-objects-in-vuex