export和export default的区别

本文已参与[新人创作礼]活动，一起开启掘金创作之路

export 和 export default 都可用于导出常量、函数、文件、模块等 ，

你可以在其它文件或模块中通过 import 将其导入，以便能够对其进行使用

在一个文件或模块中，export、import可以有多个，export default仅有一个

通过export方式导出，在导入时要加{ }，且不能自定义名字，export default不用加{ }，且可以自定义名字

export

one.js //页面1
//export可以有多个
export const aaa = '13245678！'

export function calc(a,b){
    return a + b
}

two.vue //页面2
//引入时需要加{}，并且不能自定义名字
import {aaa,calc} from 'one.js'
	created(){
		console.log(aaa) //1,32？45678！
		calc(10,15) //25
	}

export default

one.js //页面1
//export default 只能有一个
export default const aaa = '13245678！'

two.vue //页面2
//引入时不需要加{}，并且可以自定义名字
import helicopter from 'one.js'
	created(){
		console.log(helicopter) //1,32？45678！
	}