从模块导入中破坏

Question

我在一个名为"vuex“的文件夹中有一个index.js，其中包含以下内容

const module = { state, mutations, actions, getters }

export default { module, plugin }

状态、突变、操作从另一个文件中导入。

我试图在另一个文件中获取"state“属性，所以我

import module from './veux'

然后

const { state } = module

然而，state是未定义的，这很奇怪，因为console.log(module)向我展示了module.state的存在。

我对ES6-7流很陌生，但是我到底做错了什么？

Answer 1

因为您已经将对象{module, plugin}导出为default export

在进口后

import module from './veux'

模块将具有类似于

module = {
    module: { state, mutations, actions, getters },
    plugin
}

因此，为了访问状态，您将编写module.module.state或

const {module: {state}} = module; // nested destructuring
console.log(state)

一种更容易理解和易读的方法是使用名为export的模块导出，如

export const module = { state, mutations, actions, getters }

export default plugin

然后像进口一样

import plugin, { module } from './veux'

之后你就可以做了

const { state } = module;

Answer 2

如果你这样做会有用的：

import { module } from './veux';