export 和 export default 区别

相信很多初学者学习vue时,会经常看到export 和 export default 的使用,但两者有啥区别呢?

1、export与export default均可用于导出常量、函数、文件、模块等\
2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用\
3、在一个文件或模块中,export、import可以有多个,export default仅有一个\
4、通过export方式导出,在导入时要加{ },export default则不需要

var name="李四";
export { name }
//import { name } from "/.a.js" 
可以写成:
var name="李四";
export default name
//import name from "/.a.js" 这里name不需要大括号

再看第3条,在一个文件或模块中,export、import可以有多个,export default仅有一个,也就是说如下代码:

var name1="李四";
var name2="张三";
export { name1 ,name2 }

也可以写成如下,也是可以的,import跟他类似。

 var name1="李四";
 var name2="张三";
 export name1;
 export name2;
vue

日照香炉生紫烟

September
讨论数量: 3

:+1:学习了。

1周前 评论
DreamOfFreedom

个人建议, export default { # 在这个里面去写入一下函数 然后导出 的就是这整个文件 } export 是导出当前 引入的时候 需要 { 导出的函数或者变量 }

1周前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!