vue中export与export default区别

Vue.js 中 export 与 export default 的区别

在 Vue.js 中，export 和 export default 用于导出组件、指令、混入等模块，但它们在语法和用法上有所不同。

export

export 用于导出单个或多个命名的实体，需要使用花括号将实体括起来。例如：

// 导出名为 MyComponent 的组件export const MyComponent = {  // 组件配置};// 同时导出多个实体export { MyComponent, MyDirective };

使用 export 导出的实体必须通过其名称来导入。例如：

import { MyComponent } from './my-component.vue';

export default

export default 用于导出单个默认实体，而不需要花括号。例如：

立即学习“前端免费学习笔记（深入）”；

// 将 MyComponent 作为默认导出export default MyComponent;

使用 export default 导出的实体可以通过隐式名称来导入，无需指定名称。例如：

import Component from './my-component.vue';

区别总结：

最佳实践：

一般来说，对于需要被多次导入的模块，建议使用 export default，因为它更简洁、易于理解。对于只导出一次且不需要导入其名称的模块，可以使用 export。