js中export和export default的区别

1. export

• 一个js文件中可以有多个export
• 有两种导出方式
• 导入时需要带大括号且是导出的方法的名字

// 导出方法一
export function fun1() {
	console.log("第一个");
};
export function fun2() {
	console.log("第二个");
};
// 导出方法二
function fun1() {
	console.log("第一个");
};
function fun2() {
	console.log("第二个");
};
export {fun1,fun2};

// 导入
import {fun1,fun2} from "文件路径";

2. export default

• 一个文件只能有一个export default
• 导入时不用使用大括号
• 导入时可以用任意名字，不需要用方法名

// fun1在这里只是一个变量名，可以是任意的。会匹配导出的默认值
// 也就是说写成 import biubiu from '文件路径'; 也是可以的，使用biubiu()调用的还是fun1()方法
import fun1 from '文件路径';

更多请见：

export和export default的区别 - 二猫子 - 博客园