export和export default的区别

export 和 export default 都可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过 import 将其导入，以便能够对其进行使用在一个文件或模块中，export、import可以有多个，export default仅有一个通过export方式导出，在导入时要加{ }，且不能自定义名字，export default不用加{ }，且可以自定义名字exportone.j

QXHBK

8939人浏览 · 2022-01-03 11:40:48

QXHBK · 2022-01-03 11:40:48 发布

export 和 export default 都可用于导出常量、函数、文件、模块等，
你可以在其它文件或模块中通过 import 将其导入，以便能够对其进行使用
在一个文件或模块中，export、import可以有多个，export default仅有一个
通过export方式导出，在导入时要加{ }，且不能自定义名字，export default不用加{ }，且可以自定义名字

export

one.js //页面1
//export可以有多个
export const aaa = '1,32？45678！'

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 = '1,32？45678！'

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