Какая должна быть структура vue проекта с админкой?

Планирую создать проект с помощью vue.

Проект состоит из нескольких страниц сайта и админкой.

Просмотрев несколько проектов на github не могу сделать вывод об общей структуре, все как-то по разному делают.

Речь об src директории.

Стр-ра 1 :

src:
--|__ ...
--|__ components
------| __ Button.vue
------| __ Dropdown.vue
------| __ .............
--|__ layout/dashboard
------| __ content.vue
------|__ ...............
--|__ pages (view)
--|__ ...


Стр-ра 2 :

src:
--|__ ...
--|__ components
------| __ Button.vue
------| __ Dropdown.vue
------| __ .............
--|__ pages (view)
------|__ layout/dashboard
--|__ ...


Стр-ра 3 :

src:
--|__ ...
--|__ components
------| __ pages (view)
-------------| __ .............
------| __ dashboard
------------| __ .............
------| __ uicomponents
-------------| __ Button.vue
-------------| __ Dropdown.vue
-------------| __ .............
--|__ ...


Что из этого правильное? Понятно что у всех все по-разному, но может быть есть какое-то общее правило по структуре проекта?!

Правильно ли я понимаю, что компоненты это независимые объекты которые можно использовать на разных страницах (в разных местах страницы) : кнопка, навигация, попап, прочее

pages или view это страницы проекта.

layout это основа для однотипных страниц, админки, главной
  • Вопрос задан
  • 1052 просмотра
Решения вопроса 1
nastya_zholudeva
@nastya_zholudeva
Правильно ли я понимаю, что компоненты это независимые объекты которые можно использовать на разных страницах (в разных местах страницы) : кнопка, навигация, попап, прочее

Да

pages или view это страницы проекта.

Да

layout это основа для однотипных страниц, админки, главной

Почти. В layout хранится то, что вы используете на каждой странице (header, footer и др)

Сама использую первый вариант - он мне кажется самым удобным и читаемым. Да и почти во всех проектах, где работала, так было.
Ну и еще один бал в пользу первого варианта то, что именно такая структура папок у nuxt.js
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы