使用vue-resource来进行网络请求

冷不防 2022-01-26 00:29 215阅读 0赞

本篇文章主要讲解如何用vue-resource来进行简单的网络请求，vue中vue-resource类似ajax的网络请求功能。

## ①安装vue-resource依赖 ##

在使用vue-resource之前，我们需要进行依赖的安装，在项目根目录的命令行中，输入
    
    npm install --save vue-resource

## ②在main.js中引入 ##

在引入基本的vue之后，我们需要在在main.js文件中引入

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

通常只要依赖安装成功，引入以后就可以在组件中使用vue-resource了

## ③在组件中使用 ##

在这里我们需要使用生命周期中的created函数，此时dom还未生成  
这里我们可以使用[http://jsonplaceholder.typicode.com/][http_jsonplaceholder.typicode.com]中的json接口

created:function(){
            this.$http.get("http://jsonplaceholder.typicode.com/users").then(
                (data)=>{
                    console.log(data);
            })
        }

调用接口后，我们就可以在控制台看到我们所调用的接口了，接下来就可以自己进行数据的渲染。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTEyMjEyMA_size_16_color_FFFFFF_t_70]

[http_jsonplaceholder.typicode.com]: http://jsonplaceholder.typicode.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTEyMjEyMA_size_16_color_FFFFFF_t_70]: /images/20220126/ba077527c8274614ade2a90c040ea0d1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，215人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java HTTP客户端库：使用 HttpClient 进行网络请求

HttpClient是Java标准库中的一个部分，它提供了一种高级接口来向HTTP服务器发送请求并接收响应。以下是一个简单的示例，展示如何使用HttpClient发送GET

浅浅的花香味﹌/ 2024年10月23日 05:06/ 0 赞/ 39 阅读

相关使用Java进行网络编程时，常见请求/响应问题

在Java进行网络编程时，常见的请求/响应问题主要包括以下几个方面： 1. **HTTP协议理解**：Java的Socket编程通常基于TCP/IP协议。理解并正确发送HTT

淩亂°似流年/ 2024年10月20日 19:24/ 0 赞/ 52 阅读

相关使用Java进行网络编程：客户端请求实例

在Java中，我们可以使用java.net包来实现网络编程，主要包括Socket、ServerSocket等类。以下是一个简单的客户端请求实例： ```java import

Dear 丶/ 2024年10月18日 22:09/ 0 赞/ 47 阅读

相关使用Java进行网络编程，常见请求失败问题

在网络编程中，常见的请求失败问题可能包括以下几个方面： 1. **连接问题**：如TCP连接建立失败，可能是服务器地址错误、端口冲突等原因。 2. **超时问题**：请求发

ゞ浴缸里的玫瑰/ 2024年09月26日 09:54/ 0 赞/ 70 阅读

相关使用Java进行网络编程，如HTTP请求解析

在Java中进行网络编程，特别是处理HTTP请求和解析，可以利用java.net、java.io等包。以下是一个简单的例子： 1. 导入必要的类： ```java impor

╰+哭是因爲堅強的太久メ/ 2024年09月14日 22:21/ 0 赞/ 60 阅读

相关使用Java进行网络编程：HTTP请求和响应实例

在网络编程中，Java通过HttpURLConnection或者更高级的如Apache HttpClient、Jetty等库来实现HTTP请求和响应。以下是一个使用Http

傷城~/ 2024年09月06日 01:06/ 0 赞/ 63 阅读

相关 Python网络编程（二）-使用urllib3进行网络数据请求

1. urllib3简介： urllib3是python中又一个http请求库。urllib3功能强大，使用简单，已经逐步取代了urllib和urllib2的地位。 ur

红太狼/ 2023年10月05日 19:58/ 0 赞/ 4 阅读

相关在 JS 中如何使用 Ajax 来进行请求

> 作者：Danny Markov > 译者：前端小智 > 来源：tutorialzine > 点赞再看，微信搜索\\【大迁世界】关注这个没有大厂背景，但有着一股向上

柔光的暖阳◎/ 2022年12月26日 09:11/ 0 赞/ 99 阅读

相关使用Swift调用AFNetworking进行网络请求

Swift使用Swift调用AFNetworking进行网络请求如何使用Swift进行网络请求呢? 我们首先创建一个Swift工程,工程名是SwiftDemo

绝地灬酷狼/ 2022年08月20日 12:10/ 0 赞/ 314 阅读

相关使用vue-resource来进行网络请求

本篇文章主要讲解如何用vue-resource来进行简单的网络请求，vue中vue-resource类似ajax的网络请求功能。 ①安装vue-resource依赖

冷不防/ 2022年01月26日 00:29/ 0 赞/ 216 阅读