1 import

import ... from和import {} from 的区别在与export导出的方式，若是export default在导入时不需要加{ }，若是export则非常需要加花括号{ }，使用{}就是按需导入或按需导出

1.1 带花括号可以多个或分开导入

//demo1.js
export const str = 'hello world';

export function f(a){
	return a+1;
}

对应的导入方式如下：

//demo2.js
// 这是合并写法
import {str,f} from 'demo1';

//分开写法
import {str} from 'demo1';
import {f} from 'demo1';

1.2 不带花括号

默认导出

//demo1.js
export default const str = 'hello world';

对应的导入方式

//demo2.js
import str from 'demo1';

2 export

2.1 export和export default区别

ES6中export及export default的区别
在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，但是export default仅有一个

• export与export default均可用于导出常量、函数、文件、模块等
• 在一个文件或模块中，export 、import可以有多个，export default仅有一个
• 通过export方式导出，在导入时要加{ }，export default则不需要
• export能直接导出变量表达式，export default不行

注意：使用export导出时，导出时是什么名字，那么导入也得用那个名字导入，可以通过as起别名；
使用export default导出，在导入时，不受导出名字的限制，可以在导入时随便起名