export和export default区别

145 阅读1分钟

区别:

export: 可以直接导出或者先定义在导出,例如:
//直接导出
export let a = 'hello world';
export function fn(){}

//先定义在导出
let a = 'hello world';
function fn(){}
export {a,fn}
export default: 1只能直接输出,不能先定义在输出 2是模块默认的对外接口,很显然默认对外接口只能有一个,所以export default只能在同一模块中出现一次
import引入时写法不同
export function fn(){}
import {fn} from './example'

export default function fn(){}
import fn form './example'