ru_vds Aug 16 2018 at 12:55

Vuex: структурирование больших проектов и работа с модулями

7 min

26K

RUVDS.com corporate blogWebsite development*JavaScript*VueJS*

Translation

+23

Comments 6

iassasin Aug 17 2018 at 11:10

const gettersPath = `${path.join(modulePath, 'getters.js')}`

Скажите, а для чего вы используете интерполяцию, когда вся строка состоит из выражения? Отлично сокращается до

const gettersPath = path.join(modulePath, 'getters.js');

lasc Aug 20 2018 at 03:52

А как из actions который находится в папке модуля добрать до основного Vue обьекта? К нему прицеплен axios и вызов типа Vue.axios.get работает из основного store.js. А в store\module\device\action.js не выходит.

k4ir05 Aug 20 2018 at 04:13

А как из actions который находится в папке модуля добрать до основного Vue обьекта? К нему прицеплен axios и вызов типа Vue.axios.get работает из основного store.js.

Разве? И зачем вообще цеплять axios к Vue? Разве не проще в actions напрямую использовать axios?

lasc Aug 20 2018 at 05:56

К Vue цепляю, чтобы работала авторизация и базовый url(VueAuth и VueAxios). Проблема частично решилась, оказалось что не работает только во время init, потом уже ок. Похоже в момент когда вызывается инит Vue обьект еще не полный.

andreyr82 Sep 27 2018 at 08:40

Ничего тут нет про структуру больших приложений на vue. В крупных приложениях, энтерпрайз уровня, часто структура совсем другая:

project
   src
      modules
         staff
            routes
            components
            store
            ...
         tasks
            routes
            components
            store
            ...
         leads
            routes
            components
            store
            ...

rpsv Jan 15 2020 at 15:59

А в чем выигрыш в сравнении с группировкой «по типу», а не модулю?

project
   src
      components
         staff
         tasks
         leads
         ...
      routes
         staff
         tasks
         leads
         ...
      store
         staff
         tasks
         leads
         ...