关于es6中的import，export， export default

写这篇文章之前，我很气，之前一直是很草率得在使用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';

像上面那样引用得时候也应该整体中引用得一个来使用，不然会错误。

这次写东西突然因为这个没有很好地理解导致引用得时候错误，得不到变量，意气用事写下这篇。