从 Vuex 商店全局访问 const 变量

Posted 2023-02-22

【中文标题】从 Vuex 商店全局访问 const 变量

【英文标题】：globally accessing const variables from a Vuex store

【发布时间】：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”

我错过了什么？

【参考方案1】：

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

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

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

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

【讨论】：

天哪，这么简单。谢谢！