Vuejs инициализирует глобальный словарь и получает доступ к нему из других компонентов - PullRequest
0 голосов
/ 12 декабря 2018

Рассмотрим (очень грубый) контур моего SPA (я публикую только небольшую часть кода):

Это простой SPA, который отображает таблицу записей и позволяет пользователю редактировать / удалять /создать записи в таблице.

маршрутизатор index.js

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Start',
      component: Start
    }, 
    {
      path: '/table',
      name: 'Table',
      component: Table,
      props: false
    },
     {
      path: '/addEntry',
      name: 'AddEntry',
      component: AddEntry,
      props: true
    }
  ]
})

App.vue

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

Я хочу объявить переменную dictionary (amap) внутри приложения, чтобы он был доступен для всех компонентов (Start, Table, AddEntry), а также для компонентов, используемых этими компонентами (например, в моем случае Table также использует TableHeader и Tablerow).

Идея состоит в том, чтобы заполнить эту карту (используя axios get) картой json, отправленной со стороны сервера ({value: description}), а затем использовать ее для отображения описаний вместо идентификаторов в Tableи AddEntry компоненты.

Итак, у меня есть вопрос: куда нужно обратиться к axios get, чтобы инициализировать мою карту, и как получить к ней доступ из всех моих компонентов.

Спасибо.

PS Для разработки я использую npm (.vue компоненты и т. Д.)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...