如何安装vue-resource

本篇内容主要讲解“如何安装vue-resource”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“如何安装vue-resource”吧!

创新互联公司是一家专注于成都网站设计、成都网站建设与策划设计,额济纳网站建设哪家好?创新互联公司做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:额济纳等地区。额济纳做网站价格咨询:18980820575

安装方法：1、打开cmd命令窗口，执行“cd 项目目录”和“npm i vue vue-resource --save-dev”命令；2、配置入口文件“main.js”，使用import命令导入vue-resource即可。

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

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

安装

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

在入口文件main.js中配置

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

这样就可以直接使用了：

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)
    })

到此，相信大家对“如何安装vue-resource”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

新闻名称：如何安装vue-resource
网页地址：http://shouzuofang.com/article/iidsph.html