ES6 中 export ，export default 區別

1.export與export default均可用於導出常量、函數、文件、模塊等；

2.你可以在其它文件或模塊中通過import+(常量 | 函數 | 文件 | 模塊)名的方式，將其導入，以便能夠對其進行使用；

3.在一個文件或模塊中，export、import可以有多個，export default僅有一個；

4.通過export方式導出，在導入時要加{ }，export default則不需要。

export 

//a.js
export const str = "hello es6";
export function log(sth) { 
  return sth;
}

導入：

//b.js
import { str, log } from 'a'; // 也可以分開寫兩次，導入的時候帶花括號

export default

// a.js
const str = "hello es6";
export default str;
// 原本直接export str外部是無法識別的，加上default就可以了.但是一個文件內最多只能有一個export default。 其實此處相當於為str變量值起了一個系統默認的變量名default，自然default只能有一個值，所以一個文件內不能有多個export default。

導入：

// b.js
// 本質上，a.js文件的export default輸出一個叫做default的變量，然后系統允許你為它取任意名字。所以可以為import的模塊起任何變量名，且不需要用大括號包含
import str from 'a'; // 導入的時候沒有花括號

使用export default命令，為模塊指定默認輸出，這樣就不需要知道所要加載模塊的變量名