javascript - vue-resource 如何二次封裝

Question

如何吧vue-resource 再次封裝到一個js檔案裡面 如：

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

然後在別的地方直接呼叫 如：

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

Answer 1

// api.js

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

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

import api from './api'

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

---

用 axios 吧，官方已不建議使用 vue-resource 了，使用 axios 配合 vue-axios 使用

Answer 2

全域註冊個外掛

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

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

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