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

冷不防 2022-01-26 00:29 236阅读 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 条评论，236人围观）

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

相关阅读

相关如何使用Java进行网络爬虫：模拟浏览器请求

在网络爬虫中，我们通常需要模拟浏览器发送HTTP请求。以下是一个简单的步骤，使用Java的HttpURLConnection或Apache HttpClient来实现： 1.

桃扇骨/ 2024年11月27日 00:39/ 0 赞/ 38 阅读

相关如何使用Java对网络请求进行封装

在Java中对网络请求进行封装通常涉及到使用一些网络编程库，比如`java.net`包中的类，或者更高级的第三方库如Apache HttpClient、OkHttp等。以下是使

快来打我*/ 2024年11月08日 23:06/ 0 赞/ 24 阅读

相关使用Java进行网络编程：HTTP请求解析示例

在Java中进行网络编程，处理HTTP请求的一个常见方法是使用`java.net.HttpURLConnection`类。下面是一个简单的示例，展示如何使用这个类来发送一个GE

矫情吗；*/ 2024年11月07日 21:21/ 0 赞/ 34 阅读

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

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

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

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

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

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

相关使用 RestTemplate 进行网络接口请求

RestTemplate是Spring框架提供的一个工具类，用于进行网络请求。通过RestTemplate，可以简化开发，提高开发效率，避免重复造轮子等。本文将介绍RestTe

ゝ一世哀愁。/ 2023年10月06日 21:16/ 0 赞/ 26 阅读

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

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

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

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

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

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

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

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

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

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

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

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