Vue学习 - 模块导出

默认导出

当一个模块通过 export default 导出内容时，导入这个模块时可以使用任意名称来引用它。模块导出的内容不会和你导入时使用的变量名相关联，变量名只是你在当前文件中使用的一个别名。例如：

// 模块 @/api 中的导出：
export default new RequestHttp(config);

导入的方式

你可以在其他文件中随意定义变量名来接收这个默认导出的内容：

import http from "@/api"; // 使用 http 作为变量名
import httpxxx from "@/api"; // 使用 httpxxx 作为变量名

无论是 http 还是 httpxxx，它们在内部实际指向的都是 new RequestHttp(config)，也就是同一个 RequestHttp 实例。两者的功能、内容完全相同，只是变量名不同而已。

小结

import http from "@/api" 和 import httpxxx from "@/api" 在本质上是一样的，导入的内容相同，都是 RequestHttp 实例。

唯一区别是你给这个实例起的名字不同，在后续代码中调用时使用的变量名不同，比如 http.get() 或 httpxxx.get()。但它们的行为和功能是一致的。