目录
背景:
当需要在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的区别可查看以下文章
09-13
6813
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
07-20
2949
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
07-29
1957
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交