Работа с вложенными / сложными объектами в vuex - PullRequest
1 голос
/ 07 мая 2019

(извините за плохой английский) Если кто-то страдает от vuex js, может помочь мне с вопросом стратегии кода - совет / укажите на некоторые подобные ситуации. Я был бы благодарен. У меня есть раздел комментариев (модуль: комментарии), представляющий массив объектов комментариев. Каждый комментарий имеет 'tags section', 'replies section', который должен реагировать на мутации и хранить мутации в БД. Вариант 1: наличие только одного модуля: комментарии, содержащие действия для всех объектов (comments, tags, replies) - заполняют модуль комментариев непредставительными действиями Вариант 2: наличие «replies, tags» и связанных действий, действующих как данные компонентов »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] }, // ]

Спасибо!

1 Ответ

1 голос
/ 12 мая 2019

Если у вас много реляционных / вложенных данных, я бы рекомендовал попробовать vuex-orm . Это позволяет вам нормализовать вашу схему данных в Vuex Store с помощью отношений, как вы бы представляли ее в обычной БД. Он также имеет множество интеграций с axios, GraphQL и т. Д.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...