Какова лучшая практика для разделения модулей Vuex?

Question

С архитектурной точки зрения Что лучше всего разделить / структурировать Vuex Store на модули? Я склонен создавать модуль для каждого основного маршрута при использовании маршрутизатора Vue.

При использовании этого подхода (модули погружения по представлениям) я часто сталкиваюсь с тем, что у меня есть зависимости между страницами и модулями Vuex.

Приведенный пример документации Vuex рекомендует доменный подход? https://vuex.vuejs.org/guide/structure.html

Answer 1

Я обычно создаю свои модули вокруг своих данных, а не вокруг маршрутов, вызывающих данные. Смысл управления состоянием в Vuex заключается в том, чтобы в конце концов разрешить доступ к данным из нескольких компонентов и маршрутов. Например, если я запрашиваю API для пользователя, я сделаю модуль, связанный с этим объектом пользователя. Точно так же, если у вас тематический интерфейс, я бы создал модуль для переключения тематических элементов. Или, если вы используете всплывающее уведомление для отображения сообщений об успехе / ошибке, которые могут быть хорошим кандидатом для модуля.