javascript - vue-resource 如何二次封裝

問題描述

如何吧vue-resource 再次封裝到一個js文件里面 如：

let Ajax = { Vue.http.get(url,data).then(// ...代碼return data )}

然后在別的地方直接調用 如：

save(){ this.Ajax.get(url,data);}

問題解答

// api.jsexport default { save (params = {}) { return Vue.http.get(url, { params }).then(res => {// some handlingreturn res.data }) },// ...}

然后在其它文件中引入使用即可

import api from ’./api’api.save({ // params...}).then(data => { // ...})

用 axios 吧，官方已不推薦使用 vue-resource 了，使用 axios 配合 vue-axios 使用

全局注冊個插件

https://vuefe.cn/v2/guide/plu...

export default { install: function() { Vue.prototype.$ajax = Ajax; }}

然后use該文件，接著就可以使用啦