vue中export和export default 的区别

最新推荐文章于 2025-06-15 09:55:55 发布

p_xiaoli

最新推荐文章于 2025-06-15 09:55:55 发布

阅读量548

点赞数

CC 4.0 BY-SA版权

分类专栏： vue相关知识学习总结文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/P_xiaoli/article/details/129255346

vue相关知识学习总结专栏收录该内容

1 篇文章

订阅专栏

本文聚焦Vue中export和export default的区别。二者共同点是都能导出模块里的变量、函数等，且都用import导入。区别在于：一个模块中可多个export，但export default只能用一次；export导入时要加{}，export default不用；export接收时要严格按名称，export default无此要求；export还可用as换名称接收。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中export 和export default的区别

export：主要用于对外输出本模块变量的接口，一般定义一个单独的文件，一个文件就可以被理解为一个模块，export的作用就是导出。
import:与export对应的就是import，也就是导入。
在一个模块中同时可以使用export 和export default。

那么export和export default的区别是什么呢？

共同点：export 和export default都可以导出一个模块里的变量、函数、文件等；在其他文件中都是用import导入对应的变量、函数和文件等，这样就建立起来的对应关系。

区别：
1.在一个模块中，可以有多个export，而export default只允许使用一次。
2. 用export导出的东西，在import导入的时候要加{}，而export default不需要加。
3. 用export导出的东西，导出的东西用{}包裹，在import 接收的时候必须严格按照导出的名称使用{}接收，而export default没有严格要求。
4. export导出想要换变量接收，可以使用as换名称。比如

比如：

const settingConfig = 'grop';
export {settingConfig}
import {settingConfig} from ''

用as换名接收
import {setting as settingConfig} from ''

const settingConfig ='grop';
export default settingConfig
import settingConfig from ''