Vue之vue-reource使用案例

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之vue-reource使用案例

相关推荐