ES6中export及export default的区别

        export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过improt(常量 | 函数 | 文件 | 模块)名的方式将其导入,以便能够对其使用,但在一个文件或者组件中可以有多个export、import,但是 export default只能有一个。

一 . demo1.js

export const str = 'hello world'

export function f(a){

    return a+1

}

对应的导出方式:import { str, f } from 'demo1' 也可以分开写两次,导入的时候带花括号

二 . demo3.js

export default const str = 'hello world'

对应的导出方式:import str from 'demo3' //导入的时候没有花括号

你可能感兴趣的:(ES6中export及export default的区别)