Модульность во Vue.js и Vuex

[Yaschik]

Так это же копипаста с официальной документации. Или в России уже запретили и ее?

[kentavr009]

А где вы увидели копипасту? Я не нашел… Ну, или я плохо искал

[kentavr009]

Списался с автором оригинальной статьи и вот что он ответил по поводу вашего замечания: «Я читал про модульность в документации, и в своей статье попытался разъяснить этот материал другим разработчикам. Подход по сути тот же, что и в документации, но отличие в том, что каждый модуль в своей папке.»

[DimNS]

Эх я думал автор еще и расскажет про рекомендуемую им структуру (каталогов) самого приложения, а то хочу начать изучать Vue и не могу определится со структурой каталогов проекта, может кто подскажет ссылки на проекты с адекватной структурой?

[dvzzz]

Посмотри на фреймворк NuxtJS, там готовая структура директорий.

[DimNS]

Мне понравилось, спасибо

Вот прямая ссылка если вдруг кому тоже надо

Единственное не совсем раскрыт вопрос с каталогом «pages» они там предлагают писать так
index.vue
about.vue
other.vue

и писать портянки в одном файле, но это как мы знаем сферический конь в вакууме и страница может быть довольно сложной и тут мне понравилась вот такая идея:
modules
__{moduleName}/
____index.js
____routes.js
____components/
______{ModuleName}List.vue
______{ModuleName}View.vue
______{ModuleName}Form.vue
__...


Позволяет разбить портянку всей страницы на компоненты, которые будут использоваться только на одной странице и никогда на других

[DenniLa2]

Объясните, в чем профит размещать папки проекта (components, pages и т.д. ) на одном уровне с node_modules?

[Yaschik]

Избавление от одного ненужного уровня вложенности в виде папки src.

Но это конфигурируется при помощи nuxtconfig.

Рекомендую посмотреть документацию на английском языке, так как не все материалы переведены на русский.

[SH_Sergey]

Извините. А почему бы сразу автоматически подключать модули? Сканируя папки с модулями по файлу index. А в модуле, в файле индекс, автоматически импортировать гетеры сетеры мутации и т. п. И про эту реализацию, описанную мной выше, уже есть куча статей. Я ни коем образом не хочу вас как либо обидеть, мне интересен смысл данной статьи, почему?

[Semantic-Continuum]

В статье тоже геттеры, сеттеры, мутации в index.js модуля импортируются, если не ошибаюсь. Да, сканирования и автоматического импорта нет, модули импортируются вручную, но как альтернативный вариант, без сканирования — разве не имеет право на жизнь? Может быть автору оригинала нравится именно вручную?

[SH_Sergey]

Видимо фломастеры нам разные нравятся

[Glebkiselev11]

vuex конечно вещь не заменимая, но когда дело доходит до реальных огромных вложенных данных — то лучше использовать надстройку vuex-orm

[vruzanov]

А если не большие, но и не маленькие, то возможно подойдет vuexok