javascript - vue-resource 如何二次封装-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - vue-resource 如何二次封装

淡淡烟草味 2017-07-05 10:58:37

[JavaScript讨论组]

1322

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

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

然后在别的地方直接调用如：

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

淡淡烟草味

全部回复(2)

大家讲道理2017-07-05 11:00:37 2楼

// 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 使用

赞 +0

添加回复

仅有的幸福2017-07-05 11:00:37 1楼

全局注册个插件

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

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

然后use该文件，接着就可以使用啦

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部