Есть ли статьи про архитектуру сложных Vue компонентов?
Доброго утра.
Вопрос насчет архитектуры сложных компонентов для больших приложений. Навеян байком, разработанным где-то в недрах одной галеры, вдохновленным Clean Code и MVVM. В нем компонент разделяется на 4 части (Interface, Layout, View, Interactor), при импорте извне подтягивается Layout. Interface делает provide всех методов, которые доступны внутри, определяет все пропсы, View отвечает собственно за вывод разметки компонента (в Layout выводится как раз-таки View), а Interactor инкапсулирует в себе обработку событий (все остальные слои, если какое-то событие нужно обработать, просто делают $emit).
В итоге получается четырехслойный компонент, где каждый слой отвечает за свою задачу.
Есть ли какие-нибудь статьи на тему подобной архитектуры на фронте (критика тоже приветствуется)?
Выкиньте эту конструкцию. Если разделения логики и представления не хватает, используйте vuex, примеси, https://github.com/vuejs/composition-api в конце концов. А ваш вариант похож на усложнение ради усложнения.
