Лучшая практика инициализации модуля Vuex - PullRequest
Новая
       10

Лучшая практика инициализации модуля Vuex

0 голосов
/ 30 мая 2018

(обновлено с дополнительным фоном)

У меня есть модуль хранилища Vuex, который должен загружать свои данные в начале времени автоматически, поэтому он доступен по запросу (в данном случае это хранилище «настроек»)который загружает данные из электронных настроек при запуске, но есть много причин, по которым мне может понадобиться что-то подобное).

Сейчас я достигаю этого, настраивая специальное действие init в моем магазине.модуль и отправка его из моего компонента Main.vue на «подключенный» хук жизненного цикла, например: 

mounted() {
    this.$store.dispatch('initSettings');
}

Я надеялся, что модуль сможет просто инициализировать себя.В идеале, что-то вроде ловушки жизненного цикла, похожее на «подключенную» ловушку на моем компоненте, но срабатывает в модуле хранилища vuex.Таким образом, пользователям моего модуля не нужно будет знать, что они должны вызывать 'init', а также создавать его экземпляры.

Я искал документы и не нашел решения для этого, но в случаеЯ просто искал что-то не то, я надеялся, что кто-то найдет изящный способ сделать это.

1 Ответ

0 голосов
/ 19 июня 2018

Мне нужно что-то подобное, и мое решение - запустить, когда документ загружен: 

var app_store = new Vuex.Store({
  state: state,
  getters: getters,
  mutations: mutations,
  actions: actions,  	
});

$(document).ready(function()
{  
  app_store.dispatch("initSettings",null); 
});
...