javascript - 在vue框架中,如何在非vue组件中发起请求

问题描述

问 题

由vue+webpack构建的工程中,在vue组件中发起请求如下:

this.$http.get('xxxx').then(response=>{
});

那么如何在一个独立的js模块中发起请求呢?比如如下a.js

export default class A{
    constructor(){
    }
    init(){
        //此处需要发起一个请求,在new A()的时候请求某些数据
        //不想暴露给vue组件,使组件过去冗杂
        //另外,已知如果引用zepto或者jquery,这里可以发送ajax请求,但项目并不想为了发个请求而导入两个库
        //.......请问有什么办法获取Vue的http对象呢?
    }
}

解决方案

在a.js文件中导入Vue，然后：

let host=new Vue();
this.$http.get('xxxx').then(response=>{
});

这篇关于javascript - 在vue框架中,如何在非vue组件中发起请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！