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
- export与export default均可用于导出常量、函数、文件、模块等
- export能直接导出变量表达式,export default不行
- export与import都必须位于模块顶层
- 在一个组件中,可以同时使用export和export default
- 在一个模块中,export default 只允许向外暴露一次
- export可以向外暴露多个成员,同时,如果某些成员,在import导入时,不需要,可以不在{ }中定义