Рассмотрим (очень грубый) контур моего 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
компоненты и т. Д.)