默认导出命名导出

在JavaScript中，从模块导入时使用大括号{}与不使用大括号主要涉及到两种不同的导出/导入方式：默认导出（Default exports）和命名导出（Named exports）。

默认导出（Default Export）

当一个模块只导出一个值或者一个对象时，可以使用默认导出。这时，导入时不需要使用大括号。例如，如果App.vue文件默认导出了一个Vue组件，那么你可以这样导入它：

import App from './App.vue'

这里，App是你自己命名的，它指向了App.vue文件的默认导出内容。

命名导出（Named Export）

如果一个模块导出了多个值或对象，那么它们应该使用命名导出。导入这些值或对象时，需要使用大括号来指定你想要导入的具体名称。例如，如果vue模块有一个命名导出createApp，你需要这样导入它：

import { createApp } from 'vue'

这里，createApp必须与vue模块中导出的名称完全匹配。

总结

• 没有大括号：用于默认导出，导入时可以自由命名。
• 有大括号：用于命名导出，导入时必须使用模块中定义的名称。

这种设计允许模块以灵活的方式导出一个或多个值，同时也让导入这些值的方式更加明确和严格。

Donate