export和export default的區別

export匯出乙個變數值，用 import {} 接收

api/request.js

utils/utils.js

export default匯出乙個物件，物件中有屬性和方法，用 import 變數名 接收，再用物件.屬性、物件.方法

api/index.js

utils/localstorage.js

utils/request.js

元件的匯出也是用export default匯出，接收時用乙個變數接收

一、如果是a.js這種乙個乙個地匯出，

那麼在匯入的時候可以通過as重新命名，aaa是乙個module物件，包含了a中的屬性和方法：

import * as aaa from './utils/a'

也可以通過解構賦值的形式：

import from './utils/a'

二、如果是b.js這種放在一起匯出

在匯入的時候和a.js一樣，匯入為bbb模組：

import * as bbb from './utils/b'

也可以通過解構賦值的方式：

import from './utils/b'

三、export default的方式匯出

可以通過 * as xx 的方式匯入：

import * as ccc from './utils/c'

通過解構賦值的形式：

import from './utils/c'

簡便形式匯入：

import ccc from './utils/c'

總結：1、a和b其實是同一種匯出方式，一般是匯出某個工具的api或者介面api，一般使用解構賦值的形式匯入

export 　　　　import from 'xx/utils.js'

export const getlist = () => {}　   import from 'xx/api.js'

2、c這種方式一般用於匯出乙個物件，可能是路由（router）、axios、mixin、，一般使用簡易形式匯入

export default router　　　　import router from 'xx/router.js'

export default axios　　　　 import axios from 'xx/axios.js'

export default mixin　　　　 import mixin from 'xx/mixin.js'

export和export default的區別

export與export default均可用於匯出常量 函式 檔案 模組等 在其它檔案或模組中可以通過import 常量 函式 檔案 模組 名 from 檔案 的方式，將其匯入，進而對其操作 在乙個檔案或模組中，export可以有多個，export default僅有乙個 通過export方式匯...

export和export default的區別

看完上面這幾個例子，想必你一定了解了如何使用export，import,如果還是不懂可以自己動手試一試。上面講的是export和import，但是export跟export default 有什麼區別呢？如下 1 export與export default均可用於匯出常量 函式 檔案 模組等 2 你...

export和export default的區別

export本質上就是規定模組 js檔案 的對外介面 屬性或方法 export default則是在export的基礎上，為規定模組提供乙個預設的對外介面 直接輸出 export let words hello world export function output 先定義再輸出推薦使用 let ...