vue-resource是一个通过XMLHttpRequest或者JSONP技术实现异步加载服务端数据的插件。

安装vue-resource

1-npm安装

npm i vue  vue-resource  --save-dev

然后在引入,以及注册

var Vue = require("vue");
var VueResource = require("vue-resource");
Vue.use(VueResource);

2-brower安装

brower install vue-resource

引入的话

<script src="../vue.js"></script>
<script src="../vue-resource.js"></script>
基于HTTP的调用

1-全局调用

Vue.http(option)

2-组件实例调用

this.http(option)

都是根据所传option参数的method属性判断请求方式是get,post还是其他方式


实例

new Vue({
	ready:function(){
			this.$http({
               url:'/url/...',
               method:'POST',
               data:{
                      aaa:"11111"
               },
               headers:{
               'content-Type':'x-www-form-urlencoded'
            }   
     }).then(
		function(res){
		//成功的处理
		}function(res){
		//失败的处理
		}
 )	
});
Logo

前往低代码交流专区

更多推荐