在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ es6 import

es6 import

index.js:
import * as api from './api';

export default api;

api.js:
import axios from 'axios';

let base = '';

export const requestLogin = params => { return axios.post(`${base}/login`, params).then(res => res.data); };

export const getUserList = params => { return axios.get(`${base}/user/list`, { params: params }); };

table.vue:
import { getUserListPage, removeUser, batchRemoveUser, editUser, addUser } from '../../api/api';

關(guān)于es6 封裝方法以及導出導入有幾個問題:
(1)import * as api from './api'; export default api; 的作用是什么?
(2)按 es6 的規(guī)范 import * as obj from "xxx" 會將 "xxx" 中所有 export 導出的內(nèi)容組合成一個對象返回。如果都使用 es6 的規(guī)范,這個是很明確的。
(3) 那么我們導出的對象在哪里使用了?為什么table.vue里面還是 從api.js 里面去取方法呢?

回答
編輯回答
陌如玉

(1) import * as api from './api'; // 將api里面的模塊對象組合成一個對象,就是api(第二個),導入進來

export default api; // 這個文件把api作為默認導出

(3) 我們導出的對象,你在別的文件里面需要使用的話,就通過import { export } from "module-name"; 這種形式導入就好了。 因為在'../../api/api'這個文件里面,getUserListPage,removeUser...已經(jīng)作為對象export出來了。

2018年7月17日 01:55
編輯回答
殘淚

import * as api from './api' 把模塊對象以api名字導進來;export default api把api作為默認導出

2018年5月30日 09:51