小编这次要给大家分享的是详解如何安装和使用Vue-resource,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

1、安装

npm install vue-resource --save

2、在main.js中添加

import VueResource from 'vue-resource'//全局注册Vue.use(VueResource)

3、vue-resource发送请求

  a)对象参数,post请求

this.$http.post('http://127.0.0.1:8081/getUserByParam', { userName: this.username, sex:this.sex }).then((response) => { })

  b)get请求

this.$http.get('http://127.0.0.1:8081/getUserById',{ params:{id:2}//注意,get请求一定要加params,post请求不需要 }).then((response) =>{ this.list=response.body console.log(this.list) });

  c) json参数post请求,和对象参数post请求一样

this.$http.post('http://127.0.0.1:8081/getUserByJson', { "id":"11", "userName":"jie" }//注意,get请求一定要加params,post请求不需要 ).then((response) =>{ this.list=response.body console.log(this.list) })

看完这篇关于详解如何安装和使用Vue-resource的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。