export和export default的區別

export的使用

1.直接輸出

export let words = 'hello world!!!' 

export function output() { 
　　// ... 
}

2.先定義再輸出

let firstWords = 'hello'
let secondWords = 'world'
let thirdWords = '!!!'

function output() {
    // ...
}

export {firstWords, secondWords, thirdWords, output}

export default的使用

1.export default 用於規定模塊的默認對外接口
2.很顯然默認對外接口只能有一個，所以 export default 在同一個模塊中只能出現一次
3.export default只能直接輸出，不能先定義再輸出。

4.其在 import 方式上也和 export 存在一定區別

(1)export的輸出與import輸入

export function output() {
    // ...
}

import {output} from './example'

(2)export default的輸出與import輸入

export default function output() {
    // ...
}

import output from './example'

從以上兩種 import 方式即可看出，export default 的 import 方式不需要使用大括號包裹。因為對於 export default 其輸出的本來就只有一個接口，提供的是模塊的默認接口，自然不需要使用大括號包裹。