目录
背景:
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的区别可查看以下文章文章来源:https://www.toymoban.com/news/detail-756649.html
export和export default的区别 - 知乎 (zhihu.com)文章来源地址https://www.toymoban.com/news/detail-756649.html
到了这里,关于import后加不加{}的区别(es6引用)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!