最近搜索
vue3 导入 模块 导入 包 导出模块 和 导出包
管理员
2025-11-30 21:18
这两种导出方式有本质区别，都是需要使用的，不能省略任何一个：
1. 命名导出 (Named Export)
export function getServerUrl(){
return baseUrl;
}特点：导出具体的函数名
getServerUrl导入方式：必须使用相同的名称导入
import { getServerUrl } from './module.js';2. 默认导出 (Default Export)
export default {
get,
post,
fileUpload,
getServerUrl
}特点：导出一个默认对象，包含多个方法
导入方式：可以自定义导入名称
import api from './module.js'; api.getServerUrl(); // 使用方式
为什么需要两种导出？
使用场景不同：
命名导出：当其他模块需要单独导入
getServerUrl方法时默认导出：当需要导入整个 API 对象时，使用更简洁
实际使用示例：
// 方式1：只导入特定方法import { getServerUrl } from './module.js';
// 方式2：导入整个API对象import api from './module.js';
api.getServerUrl();
api.post();结论：两个导出都需要保留，它们服务于不同的导入需求，提供了更好的模块使用灵活性。
联系站长
站长微信:xiaomao0055
站长QQ:14496453
按分类分组
按日期分组