欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

export default 和 export 区别

程序员文章站 2022-07-14 18:26:54
...

export default 和 export 区别:

1、export 与 export default 都可以用于导出常量、函数、文件、模块等;
2、使用通过import (常量 | 函数 | 文件 | 模块) 的方式导入使用;
3、在一个文件或模块中,export、import 可以有多个,而 export default 只有一个;
4、通过 export 方式导出,在导入时要加{ },export default 则不需要;

// export
export const str = "blablabla~"
export function log(sth) { 
  return sth
}
// 对应的导入方式:
import { str, log } from 'a'

// export default
const str = "啦啦啦"
export default str
// 对应的导入方式:
import str from 'a'