javascript – So kapseln Sie Vue-Ressourcen neu

Question

So kapseln Sie Vue-Ressourcen erneut in eine JS-Datei, z. B.:

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

Dann rufen Sie es direkt woanders auf, wie zum Beispiel:

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