vue基础：axios请求数据，vue-resource请求数据

蔚落 2022-03-25 14:48 378阅读 0赞

### vue基础：axios请求数据，vue-resource请求数据 ###

#### 一：axios请求数据完整 ####

1.安装命令：

npm install axios --save

2.导入，在哪用就在哪导入

import Axios from 'axios';

3.请求数据

<script>
    import Axios from 'axios';
    export default { 
        data(){ 
            return{ 
                list:[]
            }
        },methods:{ 
            getdata(){ 
                var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';
                Axios.get(api).then((response)=>{ 
                        console.log(response);
                        this.list=response.data.result;
                }).catch((error)=>{ 
                    console.log(error);
                });
            }
        }
    }
    </script>

#### 二：vue-resource请求数据完整 ####

官方提供的一个插件。  
1.安装

npm install vue-resource --save

2.在mian.js引入

import VueResource from 'vue-resource'
    Vue.use(VueResource);//使用插件

3.请求数据

<script>
    export default {
        data(){
            return{
    
            }
        },methods:{
            getdata(){
                var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';
                this.$http.gt(api).then(function(response){
                    console.log(response);
                },function(error){
                    console.log(error);
                })
            }
        }
    }
    </script>

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue.js框架--axios请求数据（十二）

主要操作技能： vue本身是不支持发送ajax请求，需要通过其他库来实现的（比如vue1.0版本官方推荐的vue-resource、vue2.0版本官方推荐的axios），或

Dear 丶/ 2024年02月18日 23:29/ 0 赞/ 68 阅读

相关 axios请求数据

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网

落日映苍穹つ/ 2022年12月20日 12:55/ 0 赞/ 274 阅读

相关 vue2.0实现一个axios请求数据

对于一个新手来说，学习一个框架最重要的事情就是记录一下过程，下次再回顾的时候就很容易记住步骤了，不记得也可以直接翻出来自己之前写过的教程，几次之后也就顺手很多了，学习这个循序渐

末蓝、/ 2022年11月22日 05:09/ 0 赞/ 272 阅读

相关 Axios 如何缓存请求数据？

本文是 Axios 四部曲的最后一篇文章，这篇文章将介绍在 Axios 中如何通过增强默认适配器来缓存请求数据。那么为什么要缓存请求数据呢？这是因为在缓存未失效时，我们可以

亦凉/ 2022年10月09日 02:49/ 0 赞/ 463 阅读

相关 axios数据请求方式

![70][] ![70 1][] ![70 2][] get请求 get:function () { axios.get("../packag

Love The Way You Lie/ 2022年05月09日 06:10/ 0 赞/ 334 阅读

相关 vue中用axios进行数据请求

一、vue-cli 2.0 1. 安装axios插件 npm指令：npm install axios --save yarn指令：yarn add axios 2. 在

忘是亡心i/ 2022年04月12日 03:50/ 0 赞/ 768 阅读

相关 vue基础：axios请求数据，vue-resource请求数据

vue基础：axios请求数据，vue-resource请求数据一：axios请求数据完整 1.安装命令： npm install axios --sa

蔚落/ 2022年03月25日 14:48/ 0 赞/ 379 阅读

相关 Vue 请求数据（axios）

Vue axios请求数据与vue-resource请求数据有所不同步骤如下： 1.安装 npm install axios --save / npm install

电玩女神/ 2022年03月24日 14:54/ 0 赞/ 410 阅读

相关 vue利用 axios 异步请求后端数据

{ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的

我不是女神ヾ/ 2022年03月10日 12:15/ 0 赞/ 488 阅读

相关 redux+axios请求数据

在使用redux之前我们需要先安装 redux和redux-thunk yarn add redux redex-thunk 安装完成后，我们还需要了解rudex的

我就是我/ 2021年12月20日 00:05/ 0 赞/ 476 阅读