export和export default的區別

看完上面這幾個例子，想必你一定了解了如何使用export，import,如果還是不懂可以自己動手試一試。上面講的是export和import，但是export跟export default 有什麼區別呢？如下：

1、export與export default均可用於匯出常量、函式、檔案、模組等

2、你可以在其它檔案或模組中通過import+(常量 | 函式 | 檔案 | 模組)名的方式，將其匯入，以便能夠對其進行使用

3、在乙個檔案或模組中，export、import可以有多個，export default僅有乙個

4、通過export方式匯出，在匯入時要加，export default則不需要

這樣來說其實很多時候export與export default可以實現同樣的目的，只是用法有些區別。注意第四條，通過export方式匯出，在匯入時要加，export default則不需要。使用export default命令，為模組指定預設輸出，這樣就不需要知道所要載入模組的變數名。

var name="李四";
export 
//import from "/.a.js" 
可以寫成：
var name="李四";
export default name
//import name from "/.a.js" 這裡name不需要大括號

例項**：

js裡：

import sort from '../../utils/com.js'

export default {

currenttab,

teas