export default 和 export 的区别

export default 和 export 的区别

export

单个导出
export 声明

• 【单个导出】必须导出一个声明，不可以直接导出值
• 导入的时候必须通过解构的形式导入
• 在一个模块中可以多次单个导出

//单个导出
export let a = 3;
export function foo(){console.log("hello")}

//导入
import {a,foo} from './test/m1'

export default

默认导出
export default 值

• 【默认导出】可以直接导出值
• 导入的时候可以通过任意变量来获取
• 在一个模块中只允许默认导出一次

//默认导出
let a = 3;
export default a;

//导入
import obj from './test/m1'