export与export default的区别

export 用于规定模块的对外接口

举例

//第一种
export var a=200;

//第二种
var a=290;
var b=23;
export {a,b};

//第三种

export function fn(x,y){
    return x+y;
}//同一个js文件中可使用多个export导出方法

export default是模块指定默认输出

不用阅读文档就加载模块

举例

//第一种
const aa=23;
export default aa;

//第二种
const a={
    login(){
    return 1
}
}
 
export default a

//也可
export default function(){
    console.log(1)
}

区别：

1、export的import命令接受大括号，里面指定要从其他模块导入的变量名。大括号里的变量名必须与被引入的模块里的名称相同，若要改名字，在import命令中使用as关键字进行重命名。

import {aa as b} from './aa.js'

2、export default 命令在其他模块加载时，import命令可以为任意名字，export default 在同一个模块中只能使用一次，import命令可不用加{}，因为只对应一个export default。