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的安装及element组件的安装方法，包括了vue的安装及element组件的安装方法的使用技巧和注意事项，需要的朋友参考一下 一、新建vue项目 1、首先需要下载nodejs，安装后打开命令窗口可以使用npm包管理工具 npm集成在node中的，所以直接输入npm-v查看npm的版本信息 2、npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所
-
本文向大家介绍JsonServer安装及启动过程图解，包括了JsonServer安装及启动过程图解的使用技巧和注意事项，需要的朋友参考一下 JsonServer 主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用 是一个 Node 模块，运行 Express 服务器，可以指定一个 json 文件作为 api 的数据源 官网：https://www.npmjs.com/pa
-
本文向大家介绍Centos7安装docker compse踩过的坑及解决方法，包括了Centos7安装docker compse踩过的坑及解决方法的使用技巧和注意事项，需要的朋友参考一下 一、安装方式 1.官方安装方式 docker-compose --version 测试安装是否成功，成功的话打印出docker-compose的版本信息 这种方式貌似需要FQ，能连接到外网才行。 2.使用pyth
-
本文向大家介绍Python sublime安装及配置过程详解，包括了Python sublime安装及配置过程详解的使用技巧和注意事项，需要的朋友参考一下 Sublime Text 3 纯文本编辑器 Package Control（Sublime的包管理器） Sublime Text3中的插件，通过该插件可以向Sublime中安装新的包 Sublime Text 3的安装 下载链接 添加到右侧菜单
-
本文向大家介绍Python第三方包PrettyTable安装及用法解析，包括了Python第三方包PrettyTable安装及用法解析的使用技巧和注意事项，需要的朋友参考一下 可以让我们将数据用表格的方式展示出来 安装方式 pip install PrettyTable 测试是否安装成功 使用方法与对比增加一条数据 先简单的看下如何使用以及效果 效果 增加一个字段 效果 常用的几个方法 以上就是本
-
本文向大家介绍vue-cli安装使用流程步骤详解，包括了vue-cli安装使用流程步骤详解的使用技巧和注意事项，需要的朋友参考一下 1.全局安装vue-cli cnpm i vue-cli -g 2.监测安装版本 vue -V 大写V : version 3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。最后配置完成检查package.json是