JS中的 export 和 import 问题

Question

现在Vuejs项目中做一个全局的配置文件

在 src/ 目录下新建了一个 config 目录

在 config 目录下新建了一个 index.js 文件

在 config/index.js 文件中这样写：

const KEY_NAME = 'key_name'

export default {

    KEY_NAME,

}

然后在其他的 .js 文件中这样写：

import * as config from '../config'

// 当使用config.[属性]的时候报错

config.KEY_NAME

错误内容是：TypeError: Cannot read property 'KEY_NAME' of undefined

请问这个该怎么导出导入呢？

Answer 1

理解好export和export default区别：export default仅有一个，你可以这么用，导出：export default KEY_NAME；导入import KEY_NAME from '../config'export可以有多个，你可以这么用，如还有const other = 'other_name';导出：expor{KEY_NAME,other} ；导入import {KEY_NAME,other} from '../config'