es6 import

Question

index.js:
import*asapifrom'./api';
exportdefaultapi;
api.js:
importaxiosfrom'axios';
letbase='';
exportconstrequestLogin=params=>{returnaxios.post(`${base}/login`,params).then(res=>res.data);};
exportconstgetUserList=params=>{returnaxios.get(`${base}/user/list`,{params:params});};
table.vue:
import{getUserListPage,removeUser,batchRemoveUser,editUser,addUser}from'../../api/api';
关于es6封装方法以及导出导入有几个问题：(1)import*asapifrom'./api';exportdefaultapi;的作用是什么？(2)按es6的规范import*asobjfrom"xxx"会将"xxx"中所有export导出的内容组合成一个对象返回。如果都使用es6的规范，这个是很明确的。(3)那么我们导出的对象在哪里使用了？为什么table.vue里面还是从api.js里面去取方法呢？

Answer 1

import*asapifrom'./api'把模块对象以api名字导进来；exportdefaultapi把api作为默认导出

Answer 2

(1)import*asapifrom'./api';//将api里面的模块对象组合成一个对象，就是api(第二个)，导入进来exportdefaultapi;//这个文件把api作为默认导出(3)我们导出的对象，你在别的文件里面需要使用的话，就通过import{export}from"module-name";这种形式导入就好了。因为在'../../api/api'这个文件里面，getUserListPage,removeUser...已经作为对象export出来了。