ecmascript-6 - 访问组件 vuejs 之外的商店

Question

我有一个用于配置我的 OpenID Connect 身份验证的文件

export const authMgr = new Oidc.UserManager({
  userStore: new Oidc.WebStorageStateStore(),
  authority: **appsetting.oidc**
})

我想访问我的状态以获得 appsetting 的值。

我这样做了:

import store from './store'

const appsetting = () => store.getters.appsetting

但是我的appsetting总是返回undefined

我错过了什么？

商店:

应用程序.js

const state = {
  appsetting: appsetting,
}

export {
  state 
}

getter.js

const appsetting = state => state.appsetting

export {
  appsetting
}

索引.js

export default new Vuex.Store({
  actions,
  getters,
  modules: {
    app
  },
  strict: debug,
  plugins: [createLogger]
})

当我打印 store.getters 的值时，它返回:

{
  return __WEBPACK_IMPORTED_MODULE_2__store__["a" /* default */].getters;
}

没有实际的存储对象

Answer 1

尝试用大括号导入 'store'

import {store} from '../store/index'

store.getters.appSettings

另一种选择是从 vue 属性访问

import Vue from 'vue'

Vue.store.getters.appSettings