vue中axios的简单使用

小咪咪 2023-06-30 01:37 53阅读 0赞

1，本文是对axios的简单使用，并没有对axios进行封装  
首先在vue项目安装axios，如下代码

> npm install axios --save

2，直接使用axios

在axios请求之前：如下图所示。  
![在这里插入图片描述][20200113160738311.png]  
在axios请求之后，得到数据，如下图所示。  
![在这里插入图片描述][20200113160838792.png]  
代码如下：

<template>
        <div>
            <input type="button" value="axiosTest" @click="getAxiosData"/>
            <br>
            <div>
                {
       {info}}
            </div>
        </div>
    </template>
    
    <script>
        import axios from 'axios'
        export default {
            name: "axiosTest",
            data(){
                return {
                    info : {}
                }
            },
            methods:{
                getAxiosData(){
                    axios.get('https://api.coindesk.com/v1/bpi/currentprice.json')
                        .then(response => {
                                this.info = response.data;
                                console.log(response)
                                console.log("info==",this.info)
                        })
                }
            }
    
        }
    </script>
    
    <style scoped>
    
    </style>

[20200113160738311.png]: https://img-blog.csdnimg.cn/20200113160738311.png
[20200113160838792.png]: https://img-blog.csdnimg.cn/20200113160838792.png

发表评论取消回复

表情：

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

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

相关阅读

相关 vue中使用axios

\Axios是什么？ 1.支持Promiss API 2.拦截请求和响应 3.转换请求数据和响应数据 4.取消请求 5.自动转换json数据 6....

素颜马尾好姑娘i/ 2024年04月17日 18:58/ 0 赞/ 126 阅读

相关 vue中axios请求简单封装

1、http.js /axios封装请求拦截、相应拦截、错误统一处理 / import axios from 'axios'; imp

淩亂°似流年/ 2023年08月17日 15:47/ 0 赞/ 213 阅读

相关【Vue】Vue 中如何使用 axios

1、命令行安装 npm install axios 2、在 main.js 中引入 import axios from 'axios' 3、在

蔚落/ 2023年07月10日 11:24/ 0 赞/ 32 阅读

相关 vue中axios的简单使用

1，本文是对axios的简单使用，并没有对axios进行封装首先在vue项目安装axios，如下代码 > npm install axios --save 2，直接使

小咪咪/ 2023年06月30日 01:37/ 0 赞/ 54 阅读

相关 Vue中使用axios

<body> <div id="app"> <input type="button" value="获取笑话" @click="

分手后的思念是犯贱/ 2023年06月25日 11:28/ 0 赞/ 50 阅读

相关 vue中使用axios

1. 安装 npm install --save axios 2.导入 import axios from "axios"; 3.使用 cre

不念不忘少年蓝@/ 2023年06月11日 05:26/ 0 赞/ 69 阅读

相关 VUE_vue脚手架中使用axios

1、npm 安装axios，文件根目录下安装，指令如下: npm install --save-dev axios 2、在main.js中引入axios

ゞ浴缸里的玫瑰/ 2023年02月22日 05:30/ 0 赞/ 3 阅读

相关 Axios——axios在vue中的简单配置与使用

> 尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介 axios 是一个基于Promise 用于

我就是我/ 2022年06月04日 06:45/ 0 赞/ 360 阅读

相关 axios在vue中的简单配置与使用

一、安装 1、利用npm安装`npm install axios --save` 2、利用bower安装`bower install axios --save`

小鱼儿/ 2022年05月16日 05:13/ 0 赞/ 565 阅读

相关 axios在vue中的简单配置与使用

> 尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。 ![axios][] 一、axios 简介 axios 是一个

快来打我*/ 2022年01月22日 08:23/ 0 赞/ 592 阅读