ES6使用 export 和 import 来导出、导入模块

用法

/**
导出 export
*/

//分别导出
export let name = '孙悟空';
export function sum(a, b) {
  return a + b;
}
}
//先定义再导出
let age = 18
export {age}

/**
默认导出 export default 
*/

const a = '默认导出';
export default a;

/**
导入 import
*/

//export的导入方法 通过export方式导出，在导入时要加{ },并且导入变量名要与导出变量名一一对应y
import { age } from './test.js'
import * as test from './test.js'

//export default的导入方法  export default 向外暴露的成员，可以使用任意变量来接收
import test2 from './test2.js'

小tips

1. export与export default均可用于导出常量、函数、文件、模块等
2. export能直接导出变量表达式，export default不行
3. export与import都必须位于模块顶层
4. 在一个组件中，可以同时使用export和export default
5. 在一个模块中，export default 只允许向外暴露一次
6. export可以向外暴露多个成员，同时，如果某些成员，在import导入时，不需要，可以不在{ }中定义