首頁(yè) 猿問(wèn) JS中的 export 和...

JS中的 export 和 import 問(wèn)題

JavaScript

狐的傳說(shuō) 2018-12-20 14:15:52

現(xiàn)在Vuejs項(xiàng)目中做一個(gè)全局的配置文件在 src/ 目錄下新建了一個(gè) config 目錄在 config 目錄下新建了一個(gè) index.js 文件在 config/index.js 文件中這樣寫：const KEY_NAME = 'key_name'export default { KEY_NAME,}然后在其他的 .js 文件中這樣寫：import * as config from '../config'// 當(dāng)使用config.[屬性]的時(shí)候報(bào)錯(cuò)config.KEY_NAME錯(cuò)誤內(nèi)容是：TypeError: Cannot read property 'KEY_NAME' of undefined請(qǐng)問(wèn)這個(gè)該怎么導(dǎo)出導(dǎo)入呢？

查看完整描述

1 回答

慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

理解好export和export default區(qū)別：
export default僅有一個(gè)，你可以這么用，導(dǎo)出：export default KEY_NAME；導(dǎo)入import KEY_NAME from '../config'
export可以有多個(gè)，你可以這么用，如還有const other = 'other_name';導(dǎo)出：expor{KEY_NAME,other} ；導(dǎo)入import {KEY_NAME,other} from '../config'

反對(duì) 回復(fù) 2019-01-17