1.export default默认暴露,对应import...from...默认导入
export default
用于默认导出一个模块,在导入时可以使用import obj from 'module'
的语法直接导入默认导出的内容,并将其绑定到变量obj
上。
2.export ...export...分别暴露对应import {} from ...按需引入
export ...
用于按需导出一个或多个模块,在导入时需要使用花括号指定导入的模块名称,例如import { a, b } from 'module'
。
3.export {,,}统一暴露对应import * as ... from ...(也可以用import {} from ...导入)
export { ...}
用于统一导出一个或多个模块,并在导入时使用import * as obj from 'module'
的语法将所有导出的模块绑定到一个对象上。也可以在导入时使用花括号指定部分导出的模块名称,例如import { a, b } from 'module'
。
值得注意的是,三种暴露和引入的方法是对应的关系。而export {,,}可以当成是多个export ...
语句合并到一起,用于统一导出一个或多个模块,所以在导入时可以使用按需导入的方式,即使用花括号来指定需要导入的变量、函数或类的名称。