export default 和 export 有什么区别：

export 、export default，都属于 ES6 里面的语法

export 与 export default 均可用于导出常量、函数、文件、模块等
你可以在其它文件或模块中通过 import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用
在一个文件或模块中，export、import 可以有多个，export default 仅有一个

❝

export default 用于规定模块的默认对外接口，只能有一个，所以 export default 在同一个模块中只能出现一次。

❞
通过 export 方式导出，在导入时要加{ }，export default 则不需要，因为它本身只能有一个

❝

export default 的 import 方式之所以不需要使用大括号包裹。因为对于 export default 其输出的本来就只有一个接口，提供的是模块的默认接口，自然不需要使用大括号包裹。

❞
export 可以直接导出或者先定义后导出都可以，export default 只能先定义后导出

// export导出方式
// a.js
// 1、export可以有多个
// 2、可以各自分开导出也可以同时导出多个；
// 3、export可以直接导出或者先定义后导出

export const a = 1;
export function add(data){
  return data*2;
}

// export导入方式
// 1、引入时需要加花括号{ }；
// 2、可以各自分开引入也可以同时引入多个；
// 3、引入的变量不能自定义名字
import { a, add } from './a.js';  // 完整的路径
console.log(a); // 1
console.log(add(2)); // 4

// a.js
// 1、export default 只能导出一个
// 2、export只能先定义后导出
const a = 1;
export default a;

// 1、引入时不需要加花括号{ }；
// 2、引入的变量可以自定义名字
import a from './a.js'; // 完整的路径
console.log(a); // 1