В докуметации Vuе, касаемо порядка слов в компонентах, выдвигаются рекомендации идти, начиная от более общего.
Т.е, есть у меня, к примеру страница User, на которой идёт несколько секций, About, Content, Posts.
И в итоге, компоненты выходят такие :
User
-- UserSectionAbout.vue
-- UserSectionContent.vue
-- UserSectionPosts.vue
И есть одно НО. Это ситуация, в которой появляется необходимость создать общий компонент для всех этих секций, допустим что у них должен быть какой-то свой хедер. И собственно по логике вещей его нужно назвать SectionHeader, ведь это хедер принадлежащий секции, но в рез-те получается путанице в структуре.
User
-- UserSectionAbout.vue
-- UserSectionContent.vue
-- UserSectionHeader.vue
-- UserSectionPosts.vue
И уже с первого взгляда становится не особо понятно где компоненты отдельных секций, а где подкомпоненты для секции, ведь с ходу не будет ясно что SectionHeader это не секция под названием "Header", а хедер для секции.
Как можно переструктурировать всё это, дабы и не особо отдаляться от "вуёвых" рекомендаций, и визуальное восприятие стало более очевидным?
