Шаблон компонента презентационного контейнера (или Смарт — тупого) с Vuex

#javascript #vue.js #vuex

Вопрос:

Как вы рекомендуете обрабатывать шаблон компонента Presentational — Container (или Smart — Dumb) с помощью Vuex? Должны ли презентационные (или немые) компоненты выдавать события родительскому объекту или вызывать действия Vuex? Представьте себе сложную структуру компонентов, в которой контейнерный (или интеллектуальный) компонент содержит множество вложенных презентационных компонентов. С вложенным излучением событий (например, 4 уровня) может быть сложно справиться и требуется много повторяющегося кода, но, с другой стороны, презентационный компонент, вызывающий действия, не кажется мне очень презентационным. Как насчет использования шины событий? Я знаю, что это не рекомендуется, и именно поэтому я хотел бы прочитать ваши рекомендации.

Ответ №1:

Я бы рекомендовал не переусердствовать с этим:) Я бы предпочел отправлять события из презентационного компонента, если это одноуровневая вложенность. Если это больше — вызовите действие vuex.