从Vuex存储中全局访问常量变量。

Question

我有一个非常简单的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存储中得到以下错误...

Uncaught TypeError: 无法读取未定义的属性'NONE'。

我缺少什么？

Answer 1

你导出了一个命名的对象，所以你需要用大括号导入它。

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

另一个解决方案是导出一个默认的对象。

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