export和export default区别用法

区别

1、在一个文件或模块中，export、import可以有多个，export default仅有一个。
2、通过export方式导出，在导入时要加{ }，且不能自定义名字，export default不用加{ }，且可以自定义名字。

例子

export

//index.js
//export可以导出多个
export const a='123'
export function calc(a,b){
    return a + b
}
//index.vue
//引入时需要加{}，并且不能自定义名字
import {a,calc} from index.js
console.log(a)//'123'
calc(1,2)//3

//es6
import * as b from  index.js
//调用
console.log(b.a)//'123'
b.calc(1,2)//3

export default

//index.js
export default const a='123'

//index.vue
import helicopter from 'index.js'
created(){
    console.log(helicopter) //'123
}