vue-resource的安装与使用方法

Vue要实现异步加载需要使用到vue-resource库。vue-resource是vue中使用的请求网络数据的插件,本文就来为大家介绍一下安装与使用vue-resource的方法。

vue-resource是vue中使用的请求网络数据的插件,这个插件是依赖于vue的,简单说就是用来调接口的。

安装

cd 项目目录
npm i vue vue-resource --save-dev

在入口文件main.js中配置

import VueResource from 'vue-resource'
Vue.use(VueResource)

1.jpg

这样就可以直接使用了:

get请求:

this.$http.get('地址',{params: {参数}}).then(function(res) {
        console.log(res)
        // 响应成功回调
    },function(res) {
        console.log(res)
        // 响应错误回调
    })

post请求:

this.$http.post('地址',{参数},{emulateJSON:true}).then( function(res) {
      console.log(res.data)
    })

jsonp请求:

this.$http.jsonp("地址",{params:{参数}}).then( function(res){
      console.log(res.data.s)
    })

前端开发学习请关注HTML中文网

以上就是vue-resource的安装与使用方法的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏