Question

vue中怎么实现自己发送ajax

Answer 1

Vue.js Ajax使用方法 https://www.apiref.com/vue-zh/vuejs-ajax.html，案例如下：

window.onload = function(){

var vm = new Vue({

el:'#box',

data:{

msg:'Hello World!',

},

methods:{

get:function(){

//发送get请求

this.$http.get('/try/ajax/ajax_info.txt').then(function(res){

document.write(res.body);

},function(){

console.log('请求失败处理');

});

}

}

});

}

Answer 2

使用第三方 插件 例如axios
1、安装
npm install axios --save
2、main.js中
import axios from 'axios'
Vue.prototype.$http = axios
3、组件中使用
this.$http.get('URL',options)
this.$http.post('URL',data)
this.$http.delete('URL',options)