Vue-resource安装过程及使用方法解析

这篇文章主要介绍了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安装过程及使用方法解析的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程