寫這篇文章之前，我很氣，之前一直是很草率得在使用export，直到今天碰到問題後，一直傻傻解決不聊，浪費了一個小時才檢查出來。

import、export 是ES6得新語法，模組的匯入匯出，有點類似於node中得模組處理方式，不同得是ES6的方法沒有限制，什麼都可以匯出匯入，很方便，不過要使用babel編譯一下，不然現在瀏覽器很多不相容。

如果使用 export default test匯出變數，那麼就是整體匯出，在引用得時候就整體引用，

像這樣子引用是正確的。

const test = 'Hello';
export default test;

import test from './test';
 

如果不使用default，那麼不是整體匯出，匯出一個整體中其中一個像下面這樣，

const test = 'Hello';
export test;

引用：

import {}test} from './test';

像上面那樣引用得時候也應該整體中引用得一個來使用，不然會錯誤。

這次寫東西突然因為這個沒有很好地理解導致引用得時候錯誤，得不到變數，意氣用事寫下這篇。