从 Vuex 商店全局访问 const 变量答案

【问题标题】：globally accessing const variables from a Vuex store从 Vuex 商店全局访问 const 变量
【发布时间】：2020-08-21 11:44:42
【问题描述】：

我有一个非常简单的 VueJS 示例，但遇到了一些问题。

我有一个名为 enums.js 的 js 文件，其中包含以下行

export const modeEnumeration = { PLAYBACK: 'playback', RECORDING: 'recording', NONE: 'none' };

我想将 Vuex 状态下的属性的初始值设置为这些 modeEnumeration 值之一。所以这是我的 Vuex 商店。

import Vue from 'vue';
import Vuex from 'vuex';
import modeEnumeration from '../constants/enums';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    mode: modeEnumeration.NONE,
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  },
  getters: {
  },
});

但是，我在 Vuex 商店中不断收到以下错误...

未捕获的类型错误：无法读取未定义的属性“NONE”

我错过了什么？

【问题讨论】：

标签： javascript vue.js vuex

【解决方案1】：

你导出了一个命名对象，所以你需要用花括号来导入它：

import { modeEnumeration } from '../constants/enums';

另一种解决方案是导出默认值：

export default { PLAYBACK: 'playback', RECORDING: 'recording', NONE: 'none' };

【讨论】：

天哪，这么简单。谢谢！