重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容主要讲解“如何安装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”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!