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该文件，接着就可以使用啦