为什么导入时有的要加{}有的不加
来源:2-2 幻灯片组件--模拟数据
见信
2019-07-19 19:59:40
为什么这里要加上{}看得一脸懵逼
1回答
export和export default实现的功能相同,即:可用于导出(暴露)常量、函数、文件、模块等,以便其他文件调用,在一个文件或模块中,export、import可以有多个,export default仅有一个,通过export方式导出,在导入时要加{ },export default则不需要,主要区别总结如下:
(1)输出单个值,使用export default
(2) 输出多个值,使用export
(3)export default与普通的export不要同时使用
举个例子:
(1)export
//a.js export const str = "imooc~"; export function log(sth) { return sth; }
对应的导入方式:
//b.js import { str, log } from "a"; //也可以分开写两次,导入的时候带花括号
(2)export default
//a.js const str = "imooc~"; export default str;
对应的导入方式:
//b.js import str from "a"; //导入的时候没有花括号
希望可以帮到你!
相似问题