export default 和 export 區別：

1.export與export default均可用於匯出常量、函式、檔案、模組等 2.你可以在其它檔案或模組中通過import+(常量 | 函式 | 檔案 | 模組)名的方式，將其匯入，以便能夠對其進行使用 3.在一個檔案或模組中，export、import可以有多個，export default僅有一個 4.通過export方式匯出，在匯入時要加{ }，export default則不需要

1.export
//a.js
export const str = "blablabla~";
export function log(sth) { 
  return sth;
}
對應的匯入方式：

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

2.export default
//a.js
const str = "blablabla~";
export default str;
對應的匯入方式：

//b.js
import str from 'a'; //匯入的時候沒有花括號
 

使用export default命令，為模組指定預設輸出，這樣就不需要知道所要載入模組的變數名

//a.js
let sex = "boy";
export default sex（sex不能加大括號）
//原本直接export sex外部是無法識別的，加上default就可以了.但是一個檔案內最多隻能有一個export default。
其實此處相當於為sex變數值"boy"起了一個系統預設的變數名default，自然default只能有一個值，所以一個檔案內不能有多個export default。

// b.js
本質上，a.js檔案的export default輸出一個叫做default的變數，然後系統允許你為它取任意名字。所以可以為import的模組起任何變數名，且不需要用大括號包含
import any from "./a.js"
import any12 from "./a.js" 
console.log(any,any12)   // boy,boy