Инициализировать vuejs app

Question

Я очень новичок в мире vuejs, и я пытаюсь переместить существующее приложение в vuejs.

Я использую Laravel в качестве основы. Я получил много сущностей и настроек, а также для того, чтобы приложение, чтобы работать должным образом мне нужно получить от сервера некоторых необходимых данных, таких как роль пользователя и т.д. Таким образом, в основном мне нужно:

1. Скрыть все приложения и шоу погрузчик вместо
2. сделать несколько запросов AJAX, чтобы получить данные с сервера
3. Храните данные где-то, так что он доступен везде в vuejs приложение
4. Скрыть загрузчик и запустить приложение

ПДР ta может быть изменено, хотя, например, у меня есть команда и члены команды. Список членов команды используется во многих местах. Поэтому, если я добавлю члена команды, список членов группы также должен быть обновлен.

Поэтому я не хочу иметь глобальную переменную javascript для хранения таких данных, поскольку любые изменения в этой переменной должны влиять на привязку данных и прочее.

Как я мог достичь этого?

Благодаря

Answer 1

Ваш случай использования представляется целесообразным использованием Vuex.

Из Vuex документации:

Vuex является архитектура приложения для централизованного государственного управления в приложениях Vue.js. Он вдохновлен Flux и Redux, но с упрощенными концепциями и реализацией, которая разработана специально, чтобы воспользоваться реактивной системой Vue.js.

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

Эти данные могут быть изменены, хотя, к примеру, у меня есть команда и команда членов. Список членов команды используется во многих местах. Поэтому, если я добавлю члена команды , список членов группы также должен быть обновлен.