Vuejs初始化全局字典并从其他组件访问它

时间:2018-12-12 15:57:28

标签: javascript vuejs2

考虑我的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/>'
})

我想要在App内声明一个变量dictionary(地图),以便所有组件(开始,表,AddEntry)以及该组件使用的组件(例如,我的案件Table也使用TableHeaderTablerow)。

想法是用服务器端发送的axios映射({value:description})填充此映射(使用get json),然后将其用于显示描述,而不是使用TableAddEntry组件中的ID。

所以我的问题是:必须axios get的调用才能初始化地图,然后如何从所有组件访问该地图。

谢谢。

P.S。对于开发,我正在使用npm.vue组件等)

0 个答案:

没有答案