Es6-export和export default

90 阅读1分钟

两者区别:

1.在一个文件或模块中,export、import可以有多个,export default仅有一个
2.通过export方式导出,在导入时要加{ },export default则不需要

1.export方式
export const str = "blablabla~";
export function log(sth) { 
  return sth;
}
//对应的导入方式:
import { str, log } from './xxxxx'; //也可以分开写两次,导入的时候带花括号
 
 
2.export default方式
const str = "blablabla~";
export default str;
//对应的导入方式:
import str from './xxxxx'; //导入的时候没有花括号