import后加不加{}的区别（es6引用）

目录

背景：

1.不加{}

2.加{}

总结：

ES6使用import引入定义模块时加不加花括号：

export及export default的区别：

---

背景：

当需要在main.js中引入A.js

1.不加{}

//导出可随意命名
import A from './A'

import AA from './A'

import A1 from './A'

这种引入方法，A.js文件中需要提供默认的export defulat导出（必须是默认导出），

这样在main.js文件中才可以使用A

2.加{}

//导出不可随意命名
import {A} from './A'

这种引入，只有在模块A.js中有命名导出为A的export 的代码，也就是：

export const A = ···

总结：

ES6使用import引入定义模块时加不加花括号：

• export default，不能用花括号
• export 但是没有default，用花括号

export及export default的区别：

• export与export default均可用于导出常量、函数、文件、模块等

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

• 通过export方式导出，在导入时要加{ }，export default则不需要，并可以起任意名称

• (1) 输出单个值，使用export default

• (2) 输出多个值，使用export

想要了解更多更详细关于export及export default的区别可查看以下文章

export和export default的区别 - 知乎 (zhihu.com)